表中的间距元素没有边缘空间

Question

如何在表之间空间元素但没有外边缘空格。

border-collapse:separate; border-spacing:10px;

如何在不使用边距的情况下摆脱所有边缘的10px：-10px; ？

Answer 1

您可以使用：

td { 
    padding: 10px;
 }

Answer 2

边界间距在每个单元格的边界之间提供间隔。 Border Spacing on MDN
您需要的是表格单元格内的填充。填充可在单元格边框与其内容之间留出额外的空间。

td {
    padding: 10px;
    // or...
    padding: 2px 3px 4px 5px; // top, right, bottom, left
}

有关填充工作原理的说明，请检查MDN docs