3

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

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

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

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

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

4

2 回答 2

11

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

border-spacing: 1px 2px;
于 2008-10-31T10:44:42.800 回答
6

在一般情况下，您可以指定可以全局或单独应用于属性的计算（例如，“填充”），请遵循简单的模式。

  • 如果您指定单个值（例如 padding:2px; ），则该值将应用于对象的顶部、底部、左侧和右侧。

  • 如果您指定两个值（例如 padding:2px 7px; ），第一个值应用于顶部和底部，第二个值应用于左侧和右侧。

  • 如果指定三个值，则第一个值应用于顶部，第二个值应用于左右， 最后一个值应用于底部。

  • 如果您指定四个值（例如 padding:1px,2px,3px,4px; ），这些值将按该顺序应用于上、右、下、左（记住使用单词 TRouBLe 的顺序）。

于 2008-10-31T11:38:17.777 回答