Angularjs 如何使列的宽度与总宽度相等？

我正在尝试以网格视图为例。我正在动态生成表视图或网格视图。我需要列的宽度等于%s。例如，如果我有两列，它们将占50%的单个值。如果有三列，它们将占33.33%的单个值

请检查我正在尝试制作的网格图像

!！[在此处输入图像描述][1]

这是我的密码

{{d.label}}
{{field.value}}

因为在包含元素上有

display:flex

（没有任何关于换行的内容），所以只要在每个列的

上指定

宽度：100%

，就可以了

我已经在这里调整了您的Plunk:-区别在于此元素的

style

属性：

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

。。。

您可以在此处了解更多关于

display:flex

：

---

我建议你也复习一下你的课程，因为当前的结构很混乱。

@BilalAkil，但我使用的是离子型和angular。如果你看到我的逻辑是complex@BilalAkil我有两个动态生成的列，我们能给50%吗width@BilalAkil，使用的控件是离子控件。结果标记是

div

而不是

table

。不幸的是，这篇建议的文章没有得到足够的应用。我将删除我之前的评论，并尝试为您提出一些建议。另外请注意，您提供的图片中的列有不同的宽度

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