在一條線上固定多個表格的寬度

Question

我有多個表格顯示爲內嵌塊元素。但是，我想修復寬度，以便它們將出水平空間，給每個表33％寬度（每行3個表）。示例代碼如下：

<table> 
<thead> 
<tr><th></th><th></th><th></th><th></th></tr> 
</thead> 
<tbody> 
<tr><td></td><td></td><td></td><td></td></tr> 
<tr><td></td><td></td><td></td><td></td></tr> 
<tr><td></td><td></td><td></td><td></td></tr> 
<tr><td></td><td></td><td></td><td></td></tr> 
<tr><td></td><td></td><td></td><td></td></tr> 
</tbody> 
</table> 

...重複上述代碼2次以上。

現在我似乎無法做到正確。所有表都具有類屬性，並設置爲33％的寬度，但似乎沒有任何變化。

Answer 1

另一種可能性是

'float: left' 

所以你不必設置寬度爲近33.3％。 只要確保在表的父元素上有一個Clearfix。

Fiddle

Answer 2

試試這個

table 
{ 
    float:left; 
    width:33%; 
} 

在你必須滿足填充，保證金和邊界問題，並減少其在必要時的百分比。您可能需要將display:inline-block添加到3個表格的容器中