这是否可以通过CSS实现?
我在努力
tr.classname {
border-spacing: 5em;
}
但没有用。也许我做错了什么?
这是否可以通过CSS实现?
我在努力
tr.classname {
border-spacing: 5em;
}
但没有用。也许我做错了什么?
当前回答
最好的方法是使用高度属性添加<td>:
<td height="50" colspan="2"></td>
你可以在这里阅读更多关于colspan的信息。
在下面的示例中,我们的表是绿色的,具有高度属性的td是黄色的:
<table style=“background color:green”><tr><td><span>洛雷姆</span></td><td><span>Ipsum公司</span></td></tr><tr><td height=“50”colspan=“2”style=“background color:yellow”></td></tr><tr><td><span>坐下</span></td><td><span>阿梅特</span></td></tr></table>
其他回答
你可以在桌子上做一些事情:
table {
border-collapse: separate;
border-spacing: 0 15px;
}
table selected:因为它将选择所有表,所以如果您想选择单个表,也可以这样做
<table class="res">
</table>
对于上面的html,您可以这样做,请注意,对于特定的表,如果需要,可以使用下面的方法。
.res {
border-collapse: separate;
border-spacing: 0 15px;
}
参考:https://www.w3docs.com/snippets/css/how-to-create-space-between-rows-in-the-table.html
在父表中,尝试设置
border-collapse: separate;
border-spacing: 5em;
再加上一份边境声明,看看这是否达到你想要的效果。不过,请注意,IE不支持“分隔边界”模式。
您是否尝试过:
tr.classname { margin-bottom:5em; }
或者,也可以调整每个td:
td.classname { margin-bottom:5em; }
or
td.classname { padding-bottom:5em; }
您需要设置边界塌陷:分离;在桌子上;大多数浏览器默认样式表开始于边框折叠:折叠;,其沟道边界间隔。
此外,边框间距:取决于TD,而不是TR。
Try:
<html><head><style type="text/css">
#ex { border-collapse: separate; }
#ex td { border-spacing: 1em; }
</style></head><body>
<table id="ex"><tr><td>A</td><td>B</td></tr><tr><td>C</td><td>D</td></tr></table>
</body>
最好的方法是使用高度属性添加<td>:
<td height="50" colspan="2"></td>
你可以在这里阅读更多关于colspan的信息。
在下面的示例中,我们的表是绿色的,具有高度属性的td是黄色的:
<table style=“background color:green”><tr><td><span>洛雷姆</span></td><td><span>Ipsum公司</span></td></tr><tr><td height=“50”colspan=“2”style=“background color:yellow”></td></tr><tr><td><span>坐下</span></td><td><span>阿梅特</span></td></tr></table>