CSS单元格边距

在我的HTML文档中,我有一个有两列和多行的表格。我怎样才能用css增加第一列和第二列之间的空间?我已经尝试在左边的每一个单元格中应用"margin-right: 10px;",但没有效果。

解决办法

将此应用于你的第一个<td>

padding-right:10px;

HTML例子:

<table>
   <tr>
      <td style="padding-right:10px">data</td>
      <td>more data</td>
   </tr>
</table>
评论(4)

试试padding-right。你不允许在单元格之间设置`margin's。

<table>
   <tr>
      <td style="padding-right: 10px;">one</td>
      <td>two</td>
   </tr>
</table>
评论(0)

你不能以这种方式将单元格中的个别列单独列出。 在我看来,你最好的选择是在第二列上添加style='padding-left:10px',并在内部div或元素上应用这些样式。 这样你就可以实现更大空间的幻觉。

评论(0)