html - margin-left 样式不适用于第二个 元素

Question

一个有两个并排单元格的表格:

<table>
  <td disabled>Something Here</td>
  <td style="margin-left:100px;" disabled>Second Cell</td>    
</table>

margin-left:100px不会将第二个单元格与第一个单元格分开。如何在第二个单元格的左侧创建空间？

向左填充

padding-left:100px

产生这个结果:

第二个单元格的内容现在左边增加了 100px 的空间。然而，单元格背景的位置保持不变。

边框间距

<table style="border-spacing: 100px 0; margin: 0 -100px">

产生这个结果:

如果我添加第三个表格单元格，我会得到这个结果:

我不希望每个 单元格之间有间距，只需要第二个单元格。

单元格间距

cellspacing在表格元素中，在每个单元格周围创建间距。我也不想要那个，一个消息来源说 cellspacing HTML5 不支持。

Answer 1

Margin 不适用于表格单元格。尝试使用 padding 或 cellspacing="" 来制作表格。

或者在表格单元格内添加一个 div 并为 div 应用边距。

<td style="padding-left:100px;" disabled>Second Cell</td>