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