AngularJS ng-repeat项目水平到垂直

Ash*_*rma 5 html css angularjs angularjs-ng-repeat

我有一个ng-repeat放置在浮动左侧<li>,列表apears在水平是有任何方式重复相同但垂直如下:

从:

Item1 Item2 Item3 Item4 Item5

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

至:

Item1 Item3 Item5 Item7 Item9

Item2 Item4 Item6 Item8 Item10

如果有任何办法,请帮忙

SW4*_*SW4 12

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

例如:

ul {
    column-count:5;
    -webkit-column-count:5;
    -moz-column-count:5;
}
Run Code Online (Sandbox Code Playgroud)

演示小提琴

  • 我不知道`列数'.多么酷啊 !? (3认同)