CSS自动宽度儿童'div的父'div'

Question

我有一个称为“panel”的父级div中的“item”的多个子div。

让“item”div具有相等宽度并且并排占据整个“面板”div的最简单方法是什么？

我已经设置了一个已知数量的元素的静态宽度。但希望能够添加元素并使其具有自动大小。

Answer 1

有没有这样做的神奇方式。你可以做些什么，可能是使用服务器端计算有多少个项目div，并基于它给出它们的宽度。

你也可以在客户端脚本这个与JS，使他们都平等。

Answer 2

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

Answer 3

最简单的方法是不幸的是没有跨浏览器兼容：

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; 
}