表中两行之间的空格?

这可能通过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

上一篇: Space between two rows in a table?

下一篇: Tabs versus spaces in Python programming