AngularJS ng-repeat项目水平到垂直

时间:2014-05-22 10:38:39

标签: html css angularjs angularjs-ng-repeat

我有一个ng-repeat放置在左侧浮动<li>上,水平列表apears有没有办法重复相同但垂直如下:

从:

Item1 Item2 Item3 Item4 Item5

Item6 Item7 Item8 Item9 Item10

为:

Item1 Item3 Item5 Item7 Item9

Item2 Item4 Item6 Item8 Item10

如果有办法,请提供帮助

1 个答案:

答案 0 :(得分:12)

当然,您可以使用column-count

e.g:

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

Demo Fiddle