表中两行之间的间距？

这是否可以通过CSS实现？

我在努力

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

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

当前回答

不能更改表格单元格的边距。但你可以更换衬垫。更改TD的填充，这将使单元格变大，并通过增加的填充将文本推离侧面。然而，如果你有边界线，它仍然不是你想要的。

2008-12-08 21:59:45

其他回答

因为我在桌子后面有一个背景图像，所以用白色填充来伪装是行不通的。我选择在每行内容之间放置一个空行：

<tr class="spacer"><td></td></tr>

然后使用css为间隔行提供一定的高度和透明背景。

2010-08-09 02:41:33

您可以用＜div/＞元素填充＜td/＞元素，并对您喜欢的div应用任何边距。对于行之间的可视空间，可以在＜tr/＞元素上使用重复的背景图像。（这是我今天刚刚使用的解决方案，它似乎在IE6和FireFox 3中都有效，尽管我没有进一步测试它。）

此外，如果您不愿意修改服务器代码以将＜div/＞s放在＜td/＞s中，那么可以使用jQuery（或类似的东西）将＜td/〕内容动态地包装在＜div/〕中，使您能够根据需要应用CSS。

2008-12-31 01:04:10

您需要设置边界塌陷：分离；在桌子上；大多数浏览器默认样式表开始于边框折叠：折叠；，其沟道边界间隔。

此外，边框间距：取决于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>

2012-08-27 17:18:00

只需将div放在td中，并设置以下div样式：

margin-bottom: 20px;
height: 40px;
float: left;
width: 100%;

2014-06-23 07:45:21

你可以在桌子上做一些事情：

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

2022-07-14 05:27:03

表中两行之间的间距？

推荐文章

最新文章

标签