Html CSS-fit n元素水平紧密

这个问题有点像css之谜，可能有也可能没有简单的答案：

我有一个div（称为#parentDiv）是绝对定位的，宽度为100%

在#parentDiv中，我希望在父div中均匀分布n个div

换句话说，如果在#parentDiv中有一个div（称之为#childDiv1），它应该用#childDiv1的颜色填充屏幕

对于两个div#childDiv1和#childDiv2，它应该填充屏幕，左侧为第一个div的颜色，右侧为第二个div的颜色

这里的关键是所有子div的css属性必须是等效的。这样做的原因是，我希望稍后使用jquery添加更多的子div，并让它们自动填充到父div中

---

非常感谢您的帮助

我认为您可以通过在父级上使用

display:table

和在子级上使用

display:table cell

来实现您想要的功能。另外，设置

表格布局：fixed

将使单元格宽度独立于其内容

标记：

<div class="parent">
  <div class="child">1</div>
  <div class="child">2</div>
  <div class="child">3</div>
</div>

---

我认为您可以通过在父对象上使用

display:table

和在子对象上使用

display:table cell

来实现所需的功能。另外，设置

表格布局：fixed

将使单元格宽度独立于其内容

标记：

<div class="parent">
  <div class="child">1</div>
  <div class="child">2</div>
  <div class="child">3</div>
</div>