Question

如何将子div划分为5列，其中使用ng-repeat动态填充数据。有没有办法用css

Answer 1

您可以在父div中创建5个div，如下所示，并如图所示应用css。请注意，5列的.column宽度为100％/ 5 = 20％。

HTML / CSS

.row{
  overflow: hidden;
  width: 100%;
}

.column{
    width: 20%;
    float: left;
}

<div class = "row">
    <div class = "column">
    </div>
  
    <div class = "column">
    </div>
  
    <div class = "column">    
    </div>
  
    <div class = "column">
    </div>
  
    <div class = "column">
    </div>
  
</div>

Answer 2

由于外柱最多可接受10列，内柱宽2列，因此第6列内柱将堆叠到下一行，因为内柱不再适合外柱。 / p>

<div class="row">
    <div class="col-md-10">
        <div ng-repeat="item in items" class="col-md-2">
            ....
        </div>
    </div>
</div>

将div分成列

2 个答案: