AngularJS ng-repeat 水平到垂直的重复项目

Posted 2023-03-06

【中文标题】AngularJS ng-repeat 水平到垂直的重复项目

【英文标题】：AngularJS ng-repeat items horizontal to vertical

【发布时间】：2014-07-11 08:27:36

【问题描述】：

我有一个ng-repeat 放置在浮动左侧<li> 并且列表水平显示有没有办法重复相同但垂直如下：

来自：

项目1项目2项目3项目4项目5

项目6项目7项目8项目9项目10

到：

项目1项目3项目5项目7项目9

项目2项目4项目6项目8项目10

如果有什么办法，请帮忙

【参考方案1】：

当然，你可以使用column-count:

例如：

ul 
    column-count:5;
    -webkit-column-count:5;
    -moz-column-count:5;

Demo Fiddle

【讨论】：

它可以工作，但如果支持所有主流浏览器.. 谢谢@SW4