cellspacing="0"不起作用是因为border-collapse: collapse会按html5规范忽略它；需设border-collapse: separate并用border-spacing替代，同时重置th/td的padding。
cellspacing="0" 为什么不起作用
写了 cellspacing="0" 却还有缝隙，大概率不是你漏写了，而是 CSS 里某处悄悄加了 border-collapse: collapse——这个声明会让浏览器直接忽略 cellspacing，连带让 border-spacing 也归零。它不是“覆盖”，是规范级的丢弃。
检查 DevTools 的 Computed 样式，确认 border-collapse 实际值是不是 collapse；如果是，cellspacing 就等于没写。
- Bootstrap、Tailwind、normalize.css 等默认设
table { border-collapse: collapse; }，这是最常见隐形干扰源 -
cellspacing只在border-collapse: separate（默认）下才生效；设成collapse后，它被 HTML5 规范明确忽略 - 如果父容器用了
display: grid或display: flex，整个 table 渲染上下文被破坏，cellspacing和border-spacing都无效
border-spacing 替代 cellspacing 的硬性条件
border-spacing 是 cellspacing 唯一标准替代方案，但它不是“写了就生效”，必须满足两个前提：
-
border-collapse必须为separate（不能是collapse） -
border-spacing只对<table> 元素生效，写在 <code><tr> 或 <code><td> 上完全无效 <p>正确写法示例：<code>table { border-collapse: separate; border-spacing: 6px 12px; }——注意顺序：第一个值是水平（列间）间距，第二个是垂直（行间）间距，中间用空格分隔，不是逗号。- 单位只能是
px、em、rem；不支持%或auto - 负值非法；
border-spacing: 0等效于cellspacing="0" - 响应式场景下，可用
@media分别设置不同断点的border-spacing，cellspacing完全做不到这点
为什么设了 border-spacing: 0 还有“缝隙”
视觉上残留的“缝隙”，90% 不是
border-spacing没生效，而是其他样式在捣鬼：<th> 和 <code><td> 默认带 <code>padding（通常 8–10px），这属于内容内边距，和cellspacing完全无关，必须单独重置：th, td { padding: 0; }- 表格外层容器（如
<div>）或 <code><caption></caption>自带margin，常被误认为是单元格间隙 <table> 是 inline-level 元素，默认参与文本流，换行符或空格会被渲染为 1px 左右空白；可临时加 <code>font-size: 0到<table> 上缓解，但不可靠 <li>某些框架（如 Bootstrap 5）默认设 <code>table { border-spacing: 0 1px; }，需显式覆盖-
border-collapse: collapse：用于彻底合并边框，消除视觉双线和间隙（最常用场景） -
border-spacing: 0：兜底清空单元格间距，尤其在separate模式下必须显式设 -
th, td { padding: 0; }：清除默认内边距，否则内容会撑开单元格，看起来像有缝
真正要稳定控制间隙，得组合调
单独依赖
cellspacing或只改border-spacing，就像拧松一颗螺丝去修发动机——临时能转，一碰就掉。必须把三者当一个系统来配：复杂点在于：一旦启用
collapse，border-radius对<table> 本身失效，圆角得靠 <code>th:first-child、td:last-child单独设，并配合overflow: hidden裁切。这不是 bug，是渲染模型决定的。 - 单位只能是
