html - 是否可以模拟表格单元格之间的间距，使垂直和水平间距不同？

Question

在 CSS 中，您可以使用表格的 border-spacing 属性指定表格单元格之间的间距。

但是，这会导致列和行之间的间距统一，而且我发现在更多情况下，我使用的设计需要行之间的间隙，而不是列之间的间隙，反之亦然。

如果我有纯色背景，我可以使用与背景颜色相同的边框来模拟间距。

我也可以让一个 div(例如)成为每个表格单元格的第一个子元素，并使用填充或边距来获得所需的结果，但这只是为了适应样式需要大量额外标记。

鉴于我要显示的数据是表格数据，是否有使用表格实现这种风格的明智方法？

Answer 1

您可以为border-spacing 或相关属性指定水平和垂直边缘的不同间距。只需指定多个测量值。例如，

border-spacing: 1px 2px;