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中出现问题。我可以很容易地看到td的第一级table中的每个{{1}}之间存在某些我不知道来自何处的空间。结果是第一级表的宽度大于第二级表的宽度之和。你可以查看小提琴的警告弹出窗口，看看我的意思。

如何修复此行为以便获得相同的宽度？

注意：如果给出解释，我也很感激。

Answer 1

你可以添加每个td第一级css属性，td具有默认填充

td{
   margin:0; padding:0;
}

Answer 2

将此添加到父表以使宽度相同：

cellpadding="0" cellspacing="0"

工作小提琴：Demo

如果你想减少空白区域，那么请减少子表格的宽度，即300px左右的东西。

为什么我会得到不同的HTML表格大小？

2 个答案: