CSS自动宽度子'div'在父'div'中

Question

我在名为“panel”的父div中为“item”设置了多个子div 使“item”div具有相同宽度的最简单方法是什么，并排，占用整个“面板”div？

我现在设置了一个静态宽度，用于已知数量的元素。但是希望能够添加元素并使其自动调整大小。

Answer 1

没有神奇的方法可以做到这一点。你可以做的可能是，使用服务器端来计算有多少项div，并根据它给出宽度。

您也可以使用JS对客户端脚本进行编写，使它们完全相同。

Answer 2

遗憾的是，最简单的方法不是跨浏览器兼容：

HTML：

<div class="parent">
  <div class="child">...</div>
  <div class="child">...</div>
  <div class="child">...</div>
</div>

CSS

.parent
{
  display: table-row;
  width: 800px;
}

.child
{
  display: table-cell;
}

Answer 3

我们使用自定义标签来构建某些元素。您可以使用java或javascript来获取项目div的数量，使用循环并使用getElementsByTagName和assign（width /＃个项目）。