css - 向 HTML 表格添加空间的正确方法是什么？

Question

我正在尝试在我正在构建的 web 应用程序中调整表格的间距。我发现了控制表格内空间的各种属性：单元格间距、单元格填充、边框间距，当然还有边距和填充。它们之间有什么区别？我应该只使用我知道和理解的边距和填充，还是使用表格特定属性更合适和正确？

Answer 1

我认为更好的解决方案是阅读有关该属性的内容并确定您真正需要什么：

• https://www.w3schools.com/tags/att_table_border.asp
• https://www.w3schools.com/tags/att_table_cellpadding.asp
• https://www.w3schools.com/tags/att_table_cellspacing.asp

Answer 2

至于 cellpadding 和 cellspacing - HTML5 不支持它们（参见： https ://www.w3schools.com/tags/att_table_cellpadding.asp https://www.w3schools.com/tags/att_table_cellspacing.asp）。

至于 margin 属性，它可以用于整个表格的空间，但它不适用于单元格之间的空间（https://developer.mozilla.org/en-US/docs/Web/CSS/margin）。对于单元格之间的空间，请使用border-spacing 属性（https://www.w3schools.com/cssref/pr_border-spacing.asp）。对于单元格内的空间，只需使用填充。