cellspacing属性虽仍可用但已不推荐使用，HTML5将其标记为过时（obsolete），应改用CSS的border-spacing配合border-collapse: separate控制单元格间距，且需注意padding覆盖、默认样式重置及浏览器兼容性问题。
cellspacing 属性还能用，但基本不该再用了——它在现代项目里容易失效、无法精细化控制、且已被 HTML5 标记为过时（obsolete），不是“废弃”而是“不鼓励使用”。真要调单元格间距，直接上 CSS。
为什么 cellspacing 经常没反应？
最常见原因是：浏览器或框架（比如 Bootstrap、Tailwind）默认设置了 table { border-collapse: collapse; }。而 cellspacing 只在 border-collapse: separate 模式下才生效。
- 检查 DevTools 中
table元素的 computed styles，确认border-collapse是separate还是collapse - 如果被重置成
collapse，cellspacing值再大也完全无效 - 全局 CSS 重置（如 normalize.css 或 reset.css）通常会设
border-collapse: collapse，这是隐形坑
border-spacing 怎么替代 cellspacing？
border-spacing 是 cellspacing 的标准 CSS 替代方案，但它只对 border-collapse: separate 生效，且支持水平/垂直独立设置。
- 写法：
table { border-collapse: separate; border-spacing: 8px 4px; }—— 第一个值是水平间距，第二个是垂直间距 - 设单值：
border-spacing: 6px等价于6px 6px - 若需响应式：
@media (max-width: 768px) { table { border-spacing: 4px; } } - 注意：
border-spacing不能作用于单个td，它是表格级属性；想单独调某列间距？得用padding+ 结构调整
cellpadding 和 padding 混用会出什么问题？
cellpadding 设置的是整表所有单元格的内容内边距，而 CSS padding 可以精确到每个 td、th，甚至用类名区分表头/数据行。但二者优先级不同，极易覆盖。
立即学习“前端免费学习笔记（深入）”；
-
cellpadding="0"在 Chrome/Firefox 中可能仍显示间隙，因为td { padding: 4px; }这类样式会直接覆盖它 - DevTools 里看到
padding被划掉？说明有更高优先级的 CSS 规则（比如td, th { padding: 8px !important; }） - 别给
<table>写padding—— 表格元素不接受内边距，写了也无效 - 想让第一列留白多点？直接
<td class="first-col">xxx</td>，再配td.first-col { padding-left: 20px; }
真正麻烦的不是怎么设间距，而是很多人把 cellspacing 当成“行高调节器”或“视觉呼吸感开关”，结果发现加了没变化、删了也没效果——其实问题往往卡在 border-collapse 的隐式状态和 CSS 层叠顺序上。动手前先看一眼 computed styles，比硬试十遍更省时间。
