css - 使用 CSS 创建等宽的 div

Question

我有一个具有一定宽度的 div，在这个 parent div 中我想放置一个或多个“子”div。我希望它们彼此相邻放置(所以我使用 float:left 或 display:inline-block)并且我希望它们都是一样的宽度。我非常希望它们以一定的最大宽度填充父 div(因此，如果我有 4 个 div，它们每个应该是 25% 宽度，如果是 5 个 20% 宽度等)。他们在这里的关键是，无论 div 的数量如何，它都应该起作用——可以是 1，可以是 5，也可以是 15。

我已经尝试在下面的 jsFiddle 中执行此操作，但我不知道如何在没有任何 JavaScript 的情况下使其工作。 jsFiddle

我想我的问题是 div 通常会扩展到我希望它们扩展到适合父级的内容的宽度？我可以在所有子 div 上尝试 width:100%，但它似乎不太适用于 float:left 或 display:inline-block。

Answer 1

也许把它做成一个table，然后将所有元素作为td 添加到一个tr 中。如果你想要here是一个 jQuery 解决方案

编辑

这是我能想到的唯一使用纯CSS的方式，不知道有没有其他方式

同时检查这个已经存在的问题 Distribute elements evenly using CSS在这样