php - 父容器中子项的css动态宽度

Question

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

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

可能吗？如何？

谢谢！

Answer 1

尝试这个：

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

jsfiddle