cellspacing和cellpadding是html5废弃的table属性，前者控制单元格间外间隙需配合border-collapse:collapse才能无缝，后者控制内容内边距但无法差异化设置；现代应统一用css的border-spacing和padding替代。
cellspacing 和 cellpadding 是作用于 <table> 标签的旧属性，<strong>浏览器仍支持，但 HTML5 已废弃，新项目不应使用</strong>。它们不能加在 <code><td> 或 <code><th> 上，只对整张表生效。<hr>
<h3>cellspacing 控制的是单元格之间的“外间隙”</h3>
<p>它定义相邻单元格边框之间的空白距离，也包括单元格与表格边框之间的空隙。数值为 0 时理论上无间隙，但实际渲染中常残留 1px 缝隙——这是因为默认 <code>border-collapse: separate 模式下，边框本身有宽度叠加。
-
cellspacing="0"必须配合 CSS 的border-collapse: collapse才能实现真正无缝网格；单写cellspacing="0"不够 - 错误写法：
<td cellspacing="5"> —— 属性只能出现在 <code><table> 上，加在单元格里完全无效<li>等效现代写法：<code>border-spacing: 0（需保持border-collapse: separate）或直接用border-collapse: collapse（此时border-spacing失效） - 无法差异化控制：横向和纵向间距必须相同；而 CSS 的
border-spacing: 8px 4px可分别指定 - 设为 0 时文字会紧贴边框，适合图标对齐或紧凑数据表格；但易造成可读性下降
- 无法单独给
<th> 加更大内边距——而 CSS 中可写 <code>th { padding: 10px 12px; } td { padding: 4px 8px; } - 行高由该行最高单元格决定，
cellpadding会作用于整个单元格高度，不是仅撑开内容区域 - 响应式场景下硬编码像素值（如
cellpadding="10"）容易在小屏溢出；CSS 的padding: 0.5rem可随根字体缩放 - 真实现象：表格仍有缝隙 → 先查是否用了
border-collapse: collapse，如果是，cellspacing就不起作用 - 更隐蔽的问题：某些老系统用 JS 动态修改
tableObject.cellSpacing，但在border-collapse: collapse下赋值成功却无视觉变化 - 兼容旧代码时，建议统一转为 CSS：删掉 HTML 中所有
cellspacing和cellpadding，再补上td, th { padding: Xpx; }和table { border-spacing: Ypx; }
cellpadding 控制的是单元格内容的“内留白”
它统一设置所有 <td> 和 <code><th> 内容到边框的距离，四边等量生效。比如 <code>cellpadding="6" 表示内容上下左右各离边框 6px。
混用 cellspacing 与 border-collapse 是最常见陷阱
当同时设置 cellspacing="0" 和 style="border-collapse: collapse" 时，cellspacing 实际被忽略。但开发者常误以为“没生效是代码写错了”，反复检查拼写、路径、大小写，浪费大量调试时间。
关键点在于：这两个属性是全局、粗粒度、不可响应、不可差异化控制的。哪怕只是想让表头比普通单元格多 2px 内边距，或让列间距是行间距的两倍，就必须切到 CSS。遗留系统维护中，最耗时的往往不是功能实现，而是判断“这处间隙到底是 cellspacing、border、padding 还是 margin 导致的”。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
