如何给从总宽度等于柱的宽度？(how to give column equal width from

我试图让示例格视图的。我是动态生成的表视图或网格视图。我需要的列收取相当于％的宽度。实施例的，如果我有两个列，他们将采取50％的个人。如果有三个栏，然后他们将采取33.33％个人

我想使请检查网格的图像

！[在这里输入的形象描述] [1]

这里是我的代码

http://plnkr.co/edit/X0PQov1UA2yEbx8qaOFl?p=preview

<div class="row">
    <div ng-repeat="d in data | filter:{checked: true}">
        <div class="col">{{d.label}}</div>
        <div class="row" ng-repeat="column in displayData">
            <div class="col" ng-repeat="field in column.columns" ng-show="d.fieldNameOrPath==field.fieldNameOrPath">{{field.value}}</div>
        </div>
    </div>
</div>

Answer 1:

既然你已经有了display: flex （约包裹行无）包含的元素上，它应该正常工作，如果你简单地指定width: 100%每列的<div>

我在这里调整您的普拉克： http://plnkr.co/edit/YAWmKBsgyevoyrhqfQqO?p=preview -所不同的是style这个元素的属性：

<div style="width: 100%;" ng-repeat="d in data | filter:{checked: true}">...</div>

您可以了解更多关于display: flex这里： https://css-tricks.com/snippets/css/a-guide-to-flexbox/

我建议你也检查你的班，因为目前的结构是相当混乱。

文章来源: how to give column equal width from total width?