当行到达 XX 时添加另一列

Question

我正在尝试在具有特定 width/height 的元素中很好地显示我的数组数据。我想要做的是，当我的数据到达元素的底部以开始一个新列并继续打印下一列中的数据等 on/forth

非常感谢任何帮助！

我的代码：

            <div class="repeater" ng-repeat="files in files">  {{files.name}}              
                <div class='progress-bar'>
                  <div class='percentage' ng-style="style">
                  </div>
                </div>
            </div>

当前视图：

Answer 1

HTML/CSS解决方案

CSS 比您的应用程序逻辑更能解决这个问题。您可以将文件名显示为列表并调整

处的方法

How to display an unordered list in two columns?

以多列显示它们。

当行到达 XX 时添加另一列

Adding another column when row reaches XX

angularjs

ng-repeat

css-tables

HTML/CSS解决方案