border-collapse控制单元格边框合并与间距，separate时可用border-spacing设置单元格间距离；padding控制内容与边框的内边距，影响内部空间。两者分别管理外部布局和内部留白，配合使用可精确控制表格外观。
在CSS盒模型中，表格单元格的间距控制涉及两个关键属性：border-collapse 和 padding，它们作用不同、机制也不同。理解它们的区别有助于更好地控制表格布局。
border-collapse 控制边框和单元格间距
border-collapse 属性决定表格的边框如何绘制，直接影响单元格之间的间距表现：
- border-collapse: collapse：相邻单元格共享边框，边框合并为一条线，单元格之间无间距（除非用 padding 或 border-spacing 配合）。这是消除默认间隙的主要方式。
- border-collapse: separate（默认值）：每个单元格保持独立边框，可通过 border-spacing 设置单元格之间的距离。
注意：border-spacing 只在 border-collapse: separate 时有效，它设置的是单元格边框外的距离，类似“margin”效果，但不适用于单个单元格，而是整个表格统一设置。
padding 控制内容与边框的内边距
padding 是标准盒模型的一部分，用于设置单元格内容（如文字）到单元格边框之间的距离。它不影响单元格之间的外部间距，只影响内部空间。
立即学习“前端免费学习笔记（深入）”；
- 即使 border-collapse: collapse，只要设置了 padding，内容仍会与边框保持距离。
- padding 不会导致单元格之间出现可见空隙（当边框合并时），但若边框未合并且有背景色，padding 的存在可能让背景区域变大，间接影响视觉紧凑性。
核心区别总结
- border-collapse + border-spacing 管的是“单元格与单元格之间”的距离，属于表格整体布局控制。
- padding 管的是“内容与单元格边框之间”的距离，属于单元格内部空间控制。
- 想让表格紧凑无缝，应使用 border-collapse: collapse；想增加单元格内文字留白，用 padding。
基本上就这些。合理搭配这两个属性，就能精确控制表格的外观和间距表现。
