css - 给 td 标记 CSS 或单元格间距的边距

Question

我想要表格的 td 标签内容的两边都有空间。

table td {
  margin:4px;
}

没有任何效果。

Answer 1

border-spacing您可以通过调整表格来实现此目的
（前提是您的表格border-collapse设置为“单独”，这是表格的默认设置）。
例如，将其添加到您的 CSS 中：

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

另请参阅这个简短的演示。

兼容性说明：
根据 MDN，上述解决方案可能与 IE 7 或更早版本不兼容。