AngularJS ng-repeat项目水平到垂直
16lz
2021-01-22
I have a ng-repeat
placed on floated left <li>
and the list apears in horizontal is there any way to repeat the same but vertical like below:
我有一个ng-repeat放在浮动的左边
from:
Item1 Item2 Item3 Item4 Item5
Item1 Item2 Item3 Item4 Item5
Item6 Item7 Item8 Item9 Item10
项目6项目7项目8项目9项目10
to:
Item1 Item3 Item5 Item7 Item9
Item1 Item3 Item5 Item7 Item9
Item2 Item4 Item6 Item8 Item10
Item2 Item4 Item6 Item8 Item10
Please help if there is any way to do this
如果有任何办法,请帮忙
1 个解决方案
#1
12
Sure, you can use column-count
:
当然,你可以使用列数:
e.g:
ul {
column-count:5;
-webkit-column-count:5;
-moz-column-count:5;
}
Demo Fiddle
更多相关文章
- 缓存js / css资源以使我的项目脱机工作
- SpringBoot + Thymeleaf + JPA创建一个web项目
- 在IE(所有版本)中打破JQuery自动完成组合框线项目这将采取一个look
- html5 的 canvas 想写个小项目 画板
- HTML5用户身份认证源代码:注册、登录、会话保持的解决方案
- Web项目中使用RDLC报表可以打印吗?
- 用于在表中强制换行的PHP或HTML/CSS解决方案
- 分叉开源PHP代码,项目类加载器策略
- 如何实现分布式文件上传解决方案?