cellspacing="0"有时无效是因为现代浏览器标准模式下已弱化其控制力，仅在无CSS干预的纯HTML中稳定生效；需配合border-collapse:collapse及显式border设置才能可靠消除缝隙。
cellspacing="0" 为什么有时没用
写了 cellspacing="0" 却还看到白缝，不是代码写错了，而是现代浏览器在标准模式下已弱化该属性的控制力。它只在无 CSS 干预的纯 HTML 环境里才稳定生效；一旦表格加了 border、padding 或 box-sizing，cellspacing 就容易被忽略或计算异常，尤其在 Safari 和 Firefox 中更明显。
常见错误现象：<table cellspacing="0"> 加了但单元格之间仍有 1–2px 透明间隙，背景色一换就露馅。
<ul>
<li>HTML5 规范中 <code>cellspacing 已废弃，不推荐新项目使用
cellspacing 几乎完全失效border-collapse: collapse 是必选项
仅靠 cellspacing="0" 不够，必须配 border-collapse: collapse 才能可靠合并相邻边框。但注意：这个声明本身不生成边框，只是“合并逻辑”——如果 <td> 没定义 <code>border，合并后依然可能因渲染引擎留出亚像素缝隙。
实操建议：
立即学习“前端免费学习笔记（深入）”；
- 给
table加style="border-collapse: collapse;" - 给
td和th显式设置border: 1px solid transparent（比border: none更安全） - 避免用
border: 0或border: none，它们会中断合并流程 - 若需无边框视觉效果，用
transparent颜色而非移除边框
border-spacing: 0 是更现代的替代方案
如果你需要保留各单元格独立边框样式（比如某些列要粗边、某些要虚线），border-collapse 就不合适。border-spacing 是 CSS3 标准属性，语义和行为都等价于 cellspacing="0"，且兼容所有现代浏览器（IE8+）。
使用条件：
- 表格容器必须是
display: table（原生<table>默认满足） - 写法是
border-spacing: 0或border-spacing: 0 0（水平 垂直） - 它不影响边框是否合并，只控制“边框之间的空隙”，适合动态切换边框样式的场景
注意：border-spacing 在 IE7 及更早版本不支持，但当前绝大多数项目已无需兼容该版本。
别漏掉那些“隐形缝隙”
就算 cellspacing 归零、border-collapse 生效、border-spacing 设为 0，表格底部或右侧仍可能有微小间隙——那大概率不是表格本身的问题。
真实原因常来自：
-
font-size: 0在父容器上但没重置回子元素，导致行内换行符被渲染为空格 -
line-height过大，撑开td内容区域，让背景色“溢出”到视觉间隙 -
vertical-align: baseline（默认值）让单元格内容基线对齐，造成底部错位感 - 外部
<hr>、<div>或其他块级元素紧贴表格上方/下方，产生 margin 折叠或边界干扰
真正容易被忽略的是：消除 cellspacing 只是第一步，后续得逐层检查 td 的 padding、父容器的 font-size 和 line-height、甚至 DOM 节点间的空白符。这些细节不处理，再干净的 CSS 也压不住那一像素的缝。
