【问题标题】:AngularJS ng-repeat items horizontal to verticalAngularJS ng-repeat 水平到垂直的重复项目
【发布时间】: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

如果有什么办法,请帮忙

【问题讨论】:

    标签: html css angularjs angularjs-ng-repeat


    【解决方案1】:

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

    例如:

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

    Demo Fiddle

    【讨论】:

    • 它可以工作,但如果支持所有主流浏览器.. 谢谢@SW4
    猜你喜欢
    • 2016-03-22
    • 2019-01-04
    • 2023-03-05
    • 2010-09-30
    • 2019-03-24
    • 2012-05-11
    • 2014-11-30
    • 2014-04-14
    • 1970-01-01
    相关资源
    最近更新 更多