这可以通过CSS实现吗
我正在努力
tr.classname{
边界间距:5em;
}
无济于事。也许我做错了什么
您需要在td元素上使用填充。像这样的东西应该能奏效。当然,使用顶部填充而不是底部填充可以得到相同的结果
在下面的CSS代码中,大于号表示填充仅应用于td元素,这些元素是tr元素的直接子元素,类为spaceUnder。这将使使用嵌套表成为可能。(示例代码中的C和D单元格)我不太确定浏览器是否支持直接子选择器(想想IE 6),但它不应该破坏任何现代浏览器中的代码
/*将填充应用于类为spaceUnder的tr元素的直接子元素td元素*/
tr.spaceUnder>;运输署{
垫底:1米;
}
<;表>;
<;t车身>;
<;tr>;
<;td>;A</td>;
<;td>;B</td>;
</tr>;
<;tr class=“spaceUnder”>;
<;td>;C</td>;
<;td>;D</td>;
</tr>;
<;tr>;
<;td>;E</td>;
<;td>;F</td>;
</tr>;
</t车身>;
</表>
这应该呈现如下所示:
+---+---+
|A | B|
+---+---+
|C|D|
| | |
+---+---+
|E | F|
+---+---+