表中两行之间的空间?

这可以通过CSS实现吗

我正在努力

tr.classname{
边界间距:5em;
}

无济于事。也许我做错了什么

您需要在td元素上使用填充。像这样的东西应该能奏效。当然,使用顶部填充而不是底部填充可以得到相同的结果

在下面的CSS代码中,大于号表示填充仅应用于td元素,这些元素是tr元素的直接子元素,类为spaceUnder。这将使使用嵌套表成为可能。(示例代码中的C和D单元格)我不太确定浏览器是否支持直接子选择器(想想IE 6),但它不应该破坏任何现代浏览器中的代码

/*将填充应用于类为spaceUnder的tr元素的直接子元素td元素*/
tr.spaceUnder>运输署{
垫底:1米;
}
<表>
<t车身>
<tr>
<td>A&lt/td>
<td>B&lt/td>
&lt/tr>
<tr class=“spaceUnder”>
<td>C&lt/td>
<td>D&lt/td>
&lt/tr>
<tr>
<td>E&lt/td>
<td>F&lt/td>
&lt/tr>
&lt/t车身>
&lt/表&gt

这应该呈现如下所示:

+---+---+
|A | B|
+---+---+
|C|D|
|   |   |
+---+---+
|E | F|
+---+---+

发表评论