爲什麼我會得到不同的HTML表格大小？

Question

我有以下HTML片段：

<table> 
<tbody> 
    <tr> 
    <td><table>...</table></td> 
    <td><table>...</table></td> 
    <td><table>...</table></td> 
    ... 
    <td><table>...</table></td> 
    </tr> 
</tbody> 
</table> 

這導致這個jsFiddle表示的問題。我可以很容易地看到，在table的第一級每個td之間都有一定的空間，我不知道從哪裏來。這樣做的結果是第一級表的寬度大於第二級表的寬度的總和。您可以查看小提琴的警報彈出窗口，查看我的意思。

我該如何解決這個問題，以便獲得相同的寬度？

注意：如果給出解釋，我也會很感激。

Answer 1

您可以添加的每個TD第一級的CSS屬性，運輸署已默認填充

td{ 
    margin:0; padding:0; 
} 

Answer 2

這對父表中添加使寬度相同：

cellpadding="0" cellspacing="0" 

工作小提琴：Demo

如果你想減少空白，那麼請減少子表的寬度，即約300px或什麼東西。