表格行之间的空格在IE7 / 8中

Question

我希望IE7 / 8中的表格行之间有空格。我这样做了：

.selector tr {
    display: block;
    padding-bottom: 3px;
}

哪个适用于Firefox，但不适用于未出现3px差距的IE7 / 8。

Answer 1

即使这可能在某些浏览器中有效，但更改表行的display感觉就像是一个糟糕的黑客。不要这样做。

我所知道的唯一有效的跨浏览器方式是为每个td提供一些padding-bottom，或者可能是透明的border：

.selector tr td { padding-bottom: 3px } 

Answer 2

为什么不这样做：

.selector tr td {
    display: block;
    padding-bottom: 3px;
}

如果您还使用<th>标签，请执行以下操作：

.selector tr td, .selector tr th {
    display: block;
    padding-bottom: 3px;
}

您不应该需要display: block;规则，但也许它会覆盖您的样式表中的其他内容。