使用 css 在 html 表行之间添加一些空格的好方法?适用于所有浏览器，包括 IE6

Question

使用 css 在 html 表行之间添加一些空格的好方法是什么？应该适用于所有浏览器，包括IE6。应使用 id 或类，以便它不会影响站点中的每个表。更喜欢在表级别声明 css。不想使用空 tr 来模拟空白行。CSS 不应影响任何内部表。

从逻辑上讲，我尝试过这个，但边距不适用于 tr：

.someclass tr
{
  margin-bottom:20px;
}

Answer 1

您可以使用：

.someclass td {padding-bottom: 20px;} 

不幸的是，它不是那么直观，但它适用于IE6和所有其他浏览器。 您也可以使用边框来执行此操作：

.someclass td {border-bottom: 20px solid white;}

编辑

要排除内部表，您可以使用：

.someclass td td {padding-bottom: 0px;}

Answer 2

边框间距是正确的方法，但不能满足您的所有要求。

不过，你可以将它与一些浏览器检测结合使用：如果IE<8，请使用一些javascript来添加一些单元格间距。

Answer 3

将以下规则添加到 tr，它应该可以工作

float: left

示例（在IE9 offcourse :)中打开它）：http://jsfiddle.net/zshmN/

Answer 4

<tr><td><br></td></tr>

上面在带有 <br> 标签的 2 行之间创建了一个间隙

Answer 5

如果你不希望边框太大/太粗（带border-spacing），你可以在td上使用padding。

http://jsfiddle.net/zzJ9Z/