cellspacing="0" 仍有1px缝隙是因border-collapse:separate下边框叠加、默认padding或块级元素margin溢出所致；需三步组合：设border-collapse:collapse、清除th/td的padding和border、重置td内块级元素margin。

cellspacing="0" 为什么还有 1px 缝隙？

不是浏览器 bug，是渲染机制叠加导致的视觉残留。cellspacing="0" 只控制单元格“框外空白”，但表格默认用 border-collapse: separate 渲染，此时每个 <td> 和 <code><th> 的边框独立绘制——哪怕没设 border，某些 UA 样式（如 Firefox 默认给 <code><table> 加 <code>border: 1px inset）或你写的 border: 1px solid #000 都会让相邻单元格的右/下边框与下一个单元格的左/上边框并列显示，在非整数缩放或亚像素渲染下就出现“双线感”或 1px 空白。

更隐蔽的是：<td> 自带默认 <code>padding（通常 8px），内容被撑开后，看起来像单元格之间有缝；或者 <td> 里塞了 <code><p></p>、<h3></h3> 这类自带 margin 的块级元素，它们的外边距会溢出到行高里，造成“行间空隙”。

真正起效的三步组合写法

只靠 cellspacing="0" 或单写 border-spacing: 0 都不够。必须同步处理三个层面：

• table 元素上显式设 border-collapse: collapse（不是 separate）
• 所有 th、td 上清除默认 padding 和 border：
  th, td { padding: 0; border: none; }
• 检查 td 内部是否含块级元素，若有，加 td > * { margin: 0; }（注意是直接子元素）

如果用了 Bootstrap、Tailwind 或 normalize.css，它们大概率已设了 table { border-collapse: collapse; }，但可能同时写了 td { padding: 0.5rem; } —— 此时 cellspacing="0" 完全无效，且 DevTools 里能看到 padding 被划掉，说明 CSS 覆盖了 HTML 属性。

border-spacing 和 cellspacing 到底谁说了算？

CSS 的 border-spacing 永远覆盖 HTML 的 cellspacing 属性。哪怕你写：

实际间距仍是 2px。反过来，如果全局 CSS 里有：

html-ppt-to-pdf

将使用 `

` 约定的 HTML 幻灯片转换为高保真、矢量文本 PDF（使用 Playwright + Chromium 原生 PDF 功能）。

下载

table { border-collapse: collapse; }

那无论 cellspacing 是多少、border-spacing 设没设，都归零且无效。

所以别混用。现代项目中直接删掉 cellspacing 属性，改用：

• border-collapse: separate + border-spacing: 0 4px（要保留横向无缝、纵向留缝）
• 或 border-collapse: collapse + 统一控制边框颜色/宽度（合并后只显示一条线）

最容易被忽略的干扰源

间隙“去不干净”，往往不是你漏写了什么，而是被以下规则悄悄加回来了：

• 某些 UI 框架（如 Bootstrap 5）默认设了 table { border-spacing: 0 1px; }，得用 !important 或更高优先级选择器覆盖
• <table> 父容器设了 <code>font-size: 0（为清除 inline-block 间隙），结果让 border-spacing 计算失准——需单独给 table 设 font-size: 16px
• JS 动态插入样式时，往 <style></style> 里注入了带 border-spacing 的规则，DevTools 里不一定一眼看到
• <td> 里用了 <code><img> 且没设 vertical-align: top，图片默认 baseline 对齐，底部留出空白

  真正稳定的解法，是打开 DevTools → Elements → 选中 <table> → 看 Computed 标签页里 <code>border-collapse、border-spacing、padding 的最终值，再反推哪条规则在捣鬼。靠猜不如看真实计算值。

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