cellspacing属性虽仍被浏览器支持，但html5中已标记为过时，不推荐使用；它仅能设非负整数像素值、不支持响应式、无法区分水平/垂直间距，且与border-collapse:collapse冲突，现代开发应改用border-spacing配合border-collapse:separate控制。

cellspacing 属性还能用吗？

能用，但不推荐。它在 HTML5 中被标记为“过时（obsolete）”，浏览器仍支持，但现代项目里写 cellspacing="8" 就像在 CSS 里硬写 style="float:left"——能跑，但后续维护、响应式、协作都容易出问题。

常见错误是写了 cellspacing="0" 却发现还有 1–2px 缝隙，其实不是属性没生效，而是表格默认行为（比如换行符渲染为空白、font-size 继承）在捣鬼。

• cellspacing 只能设非负整数，单位固定为像素，不支持 em、% 或媒体查询
• 它必须写在 <table> 标签里，不能用 CSS 选择器覆盖或继承 <li>一旦全局或局部设置了 <code>border-collapse: collapse，cellspacing 完全失效（连解析都不解析）

为什么 border-spacing 比 cellspacing 更可靠？

border-spacing 是当前标准方案，但它有个关键前提：只在 border-collapse: separate（默认值）下起作用。很多人写了 style="border-spacing: 6px;" 却没效果，就是因为某处重置样式偷偷加了 table { border-collapse: collapse; }。

实操建议：

• 统一设置：style="border-spacing: 12px;" → 水平垂直都是 12px
• 分别设置：style="border-spacing: 8px 4px;" → 水平 8px，垂直 4px
• 若表格已用了 collapse，需显式重置：style="border-collapse: separate; border-spacing: 6px;"
• IE8+ 全支持；IE7 及更早版本不支持，但这类浏览器基本已退出实际开发场景

cellspacing=0 还有缝隙？怎么彻底清掉？

这不是 cellspacing 的 bug，而是 HTML 渲染机制导致的视觉残留：表格默认是 display: table，但内部换行符和空白字符会被当作文本节点渲染，产生微小间隙。


Doc To HTML
使用 MinerU 文档处理引擎将 Word 文档（.doc、.docx）转换为保留结构和格式的干净 HTML。
下载

两种靠谱解法：

• 给 <table> 加 <code>style="font-size: 0;"，再给 <td> 和 <code><th> 单独设回字体大小，比如 <code>td { font-size: 14px; }
• 直接用 border-collapse: collapse + border: 1px solid #000，此时 cellspacing 被无视，但边框真正合并，缝隙消失（注意：相邻边框会叠加，1px + 1px 边框可能显示为 1px 粗细）

别指望单靠 cellspacing="0" 解决所有缝隙问题，尤其当表格嵌在 Flex/Grid 容器里，或用了 Tailwind/Bootstrap 这类重置样式的框架时，内联属性基本失效。

真要精细控制，得组合哪几个 CSS 属性？

单独依赖 cellspacing 或 border-spacing 都不够。真正可控的方案是三者协同：

• border-spacing 控制单元格边框之间的“空地”
• padding 控制单元格内容到边框的距离（替代 cellpadding）
• border-collapse 决定是否启用边框合并模式（separate 或 collapse）

例如：table { border-collapse: separate; border-spacing: 4px; } + td, th { padding: 8px; }，这样水平/垂直间距、内边距、边框行为全部可调，且支持响应式断点、伪类、选择器粒度控制——这才是现代表格布局该有的样子。

前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！