表中两行之间的空格?
这可能通过CSS?
我尝试着
tr.classname {
border-spacing: 5em;
}
无济于事。 也许我做错了什么?
你需要在你的td
元素上使用填充。 像这样的东西应该可以做到。 当然,您可以使用顶部填充而不是底部填充获得相同的结果。
在下面的CSS代码中,大于号表示填充仅适用于td
元素,该元素是直接子元素到tr
元素的类spaceUnder
。 这将使得使用嵌套表成为可能。 (示例代码中的单元格C和D)。我不太确定浏览器是否支持直接子选择器(想想IE 6),但它不应该破坏任何现代浏览器中的代码。
/* Apply padding to td elements that are direct children of the tr elements with class spaceUnder. */
tr.spaceUnder>td {
padding-bottom: 1em;
}
<table>
<tbody>
<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>
</tbody>
</table>
在父表中,尝试设置
border-collapse:separate;
border-spacing:5em;
再加上边界声明,看看这是否达到你想要的效果。 但是请注意,IE不支持“分离的边框”模型。
你有任何数据的ID专辑表...我省略了trs和tds
<table id="albums" cellspacing="0">
</table>
在CSS中:
table#albums
{
border-collapse:separate;
border-spacing:0 5px;
}
链接地址: http://www.djcxy.com/p/15669.html