html - 您可以在 html 表中的行之间设置单元格间距，而无需在列中设置单元格间距吗？

Question

我正在寻找一种在表格的每一行之间而不是在列之间设置单元格间距的解决方案。这可能吗？

Answer 1

您可以使用 border-spacing 属性分隔表格中的行:

table {
    border-collapse:separate;
    border-spacing: 0 10px;
}

这会将列间距设置为零，将行间距设置为 10px。如果您提供一个参数，那么该长度将应用于垂直间距和水平间距；有两个参数，第一个将设置水平间距，第二个将设置垂直间距。