父容器中子项的css动态宽度答案

【问题标题】：css dynamic width of children in a parent container父容器中子项的css动态宽度
【发布时间】：2013-04-11 08:24:49
【问题描述】：

在编写一组彼此相邻的 div 元素时，我遇到了一个问题。情况如下。

正如您在示例图像中看到的那样，有大量 div 彼此相邻堆叠（红色、绿色和橙色块）。它们位于具有固定宽度的容器内。每次页面重新加载时，都会有不同数量的彩色 div。我怎样才能将它们均匀地分布在容器中？（右边的空白处……）我虽然使用 php 计算宽度百分比（即 21.14%）并将其设置为元素。这似乎在 Firefox 中有效，但在 IE 或 safari/chrome 中无效。我想这与 IE 和 webkit 无法分配宽度（即 21.5 px）有关？

有可能吗？怎么做？

谢谢！

【问题讨论】：

标签： php css

【解决方案1】：

试试这个：

#parentdiv{
    display: table;
}
.childrendiv{//give children divs the same class
    display: table-cell;
    width: auto;
}

jsfiddle

【讨论】：

好的，这很简单 :) 谢谢！