用 border-collapse: collapse 替代 cellspacing 是现代 CSS 控制表格边框与单元格间距的唯一可靠方式；cellspacing 已废弃，行为不稳定且不兼容现代布局，必须配合 border 使用才能彻底消除间隙。
直接说结论：用 border-collapse: collapse 替代 cellspacing，这是现代 CSS 控制表格边框与单元格间距的唯一可靠方式；cellspacing 是过时的 HTML 属性，已不被推荐，且在严格模式下可能被忽略。
为什么 cellspacing 不再管用
HTML5 中 cellspacing 已被废弃，浏览器虽仍兼容，但在 <!DOCTYPE html> 声明下，其行为不稳定——尤其当表格有 CSS 边框、内边距或设置了 box-sizing 时，cellspacing="0" 可能完全失效。更关键的是，它无法与现代布局（如 Flex 或 Grid 嵌套表格）协同工作。
- 常见错误现象：
<table cellspacing="0">写了但表格仍有白缝，特别是 Safari 和 Firefox 中更明显 - 真实原因：浏览器把
cellspacing解释为「单元格外边距」，而 CSS 的border和padding会叠加干扰 - 兼容性影响：IE8+ 支持
border-collapse，无需降级 fallback
border-collapse: collapse 必须配 border
仅写 border-collapse: collapse 不足以消除所有间隙——它只让相邻边框“合并”，但若单元格本身没定义边框，合并后仍可能留出透明缝隙（尤其背景色不同时）。
- 必须同时设置至少一个方向的边框，例如：
border: 1px solid #000或border-left: 1px solid transparent - 如果只想视觉上“无边框”，用
border: 1px solid transparent比border: none更安全，后者会破坏合并逻辑 - 注意：父容器若有
font-size: 0或行内元素换行产生的空格，也可能导致底部/右侧微小间隙，需额外清除
替代方案：不用 border-collapse 怎么办
某些场景（比如需要保留单侧边框、或动态切换边框样式）不适合用 collapse，此时可改用 border-spacing: 0 —— 这是 CSS3 标准属性，作用等同于 cellspacing="0"，但只对 display: table 元素生效。
- 适用条件：表格容器必须是
display: table（原生<table>默认满足） - 写法：
table { border-spacing: 0; }，支持两个值：border-spacing: 0 0（水平 间距 垂直 间距） - 和
border-collapse的区别：border-spacing不影响边框合并，适合需要独立控制各单元格边框粗细/颜色的场景 - 注意：
border-spacing在 IE7 及更早版本中不支持，但 IE8+ 和所有现代浏览器均可用
真正容易被忽略的是：表格内部 <td> 的 padding 和外部容器的 line-height / vertical-align 也会制造“假间隙”。消除 cellspacing 只是第一步，后续得逐层检查这些渲染细节。
