表中两行之间的间距？

这是否可以通过CSS实现？

我在努力

tr.classname {
  border-spacing: 5em;
}

但没有用。也许我做错了什么？

当前回答

好的，你可以

tr.classname td {background-color:red; border-bottom: 5em solid white}

确保背景色设置在td而不是行上。这应该适用于大多数浏览器。。。（铬，即已测试）

其他回答

您可以在表格中使用线条高度：

<table style="width: 400px; line-height:50px;">

在父表中，尝试设置

border-collapse: separate; 
border-spacing: 5em;

再加上一份边境声明，看看这是否达到你想要的效果。不过，请注意，IE不支持“分隔边界”模式。

为表提供间距的正确方法是使用cellpadding和cellspacing，例如。

<table cellpadding="4">

要创建行间距的错觉，请将背景色应用于行，然后使用白色创建厚边框，以便创建“空间”：）

tr 
{
   background-color: #FFD700;
   border: 10px solid white;
}

您是否尝试过：

tr.classname { margin-bottom:5em; }

或者，也可以调整每个td：

td.classname { margin-bottom:5em; }

 td.classname { padding-bottom:5em; }

推荐文章