cellspacing属性虽仍被浏览器解析，但已被html5标记为过时（obsolete），在现代项目中不稳定；其失效主因是border-collapse: collapse会完全忽略它，替代方案是配合border-collapse: separate使用的css border-spacing。
cellspacing 属性还能用，但别指望它在现代项目里稳定工作——它已被 HTML5 标记为过时（obsolete），不是“废弃（deprecated）”，意味着浏览器仍解析它，但规范已不鼓励使用。
为什么 cellspacing 经常失效？
最常见原因是：全局或局部 CSS 中写了 table { border-collapse: collapse; }。一旦启用 border-collapse: collapse，cellspacing 就完全被忽略，无论你设成 0 还是 20 都没反应。
- 检查 DevTools 的 computed styles，确认当前
table元素的border-collapse值是不是collapse - 如果用了 Bootstrap、Tailwind 或任何重置样式库，大概率默认启用了
collapse -
cellspacing只在border-collapse: separate（默认值）下才起作用 - 它无法响应式，也不能写成
cellspacing="8 4"—— 只接受单个非负整数，比如cellspacing="6"
border-spacing 怎么替代 cellspacing？
这是目前唯一标准、可维护的方案，但必须配对使用：border-collapse: separate 是前提，否则 border-spacing 无效。
- 统一设置：
style="border-spacing: 12px;"→ 水平和垂直都是 12px - 分别设置：
style="border-spacing: 8px 4px;"→ 水平 8px，垂直 4px - 若父级或全局 CSS 强制了
collapse，需显式覆盖：style="border-collapse: separate; border-spacing: 6px;" - IE8+ 支持良好；IE7 及更早版本不支持，但这类浏览器基本已退出实际维护场景
为什么 cellspacing="0" 还有缝隙？
这不是 cellspacing 的问题，而是 HTML 渲染机制导致的视觉残留：表格默认是 display: table，但其行为受父容器 font-size 和换行符/空白字符影响，尤其在 inline-block 上下文中容易出现 1–2px 空隙。
- 临时解法：给
<table> 加 <code>style="font-size: 0;"，再给<td> 单独设回字体大小 <li>更彻底的解法：改用 <code>border-collapse: collapse（此时cellspacing被无视，但边框真正合并） - 注意：
collapse模式下，相邻边框会叠加，比如两个 1px 边框会显示为 1px，不是 2px —— 视觉粗细可能变浅
真正要控制间隙，得把 border-spacing、padding、border-collapse 当成一个组合来调：单独靠 cellspacing 就像用胶带固定主板，能凑合通电，但一碰就松动。特别是表格嵌在 Flex/Grid 里，或者需要适配移动端时，内联属性基本不可控。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
