cellspacing="0"和cellpadding="0"不能彻底消除表格缝隙，因其在HTML5中已废弃，且不覆盖浏览器默认的border、padding、margin样式；必须配合CSS设置border-collapse: collapse、border-spacing: 0、padding: 0及margin: 0，并处理内部元素margin和父容器干扰。
只设 cellspacing="0" 或 cellpadding="0" 不够，必须用 CSS 显式控制 border-collapse、border-spacing、padding 和父容器 margin，否则不同浏览器下仍会出现视觉缝隙、白边或行间空隙。
为什么 cellspacing="0" 和 cellpadding="0" 不能解决问题
这两个属性在 HTML5 中已废弃，仅作兼容保留；它们不干预浏览器 UA 样式对 table、td 的默认 border、padding 和 margin。尤其当表格有边框时，未设 border-collapse: collapse 会导致相邻单元格边框并列渲染，在高缩放或非整数 DPI 下出现双线、加粗或间隙。
-
cellspacing只影响单元格“框外空白”，不处理边框重叠 -
cellpadding被td, th { padding: 0 }更可靠地覆盖 - Firefox 默认给
table加border，Chrome 不加，行为不一致
border-collapse: collapse 是核心，但必须配齐三要素
单写 border-collapse: collapse 无法彻底清除间隙——它只合并边框，不消除内边距和外部边距。真正起效的最小组合是：
-
table { border-collapse: collapse; border-spacing: 0; }（border-spacing在separate模式下兜底） -
td, th { padding: 0; }（清除 UA 默认的 2px–10px 内边距） -
table { margin: 0; }（清除table自身可能继承的外边距）
注意：border-collapse 必须作用于 <table> 元素本身，写在 td 上无效。
立即学习“前端免费学习笔记（深入）”；
表格内部块级元素的 margin 是隐藏元凶
即使表格结构“无缝”，td 里塞了 <p>、<h3> 或 <div>，它们自带的上下 margin 会把行高撑开，看起来像表格有行间距——但这不是表格的问题，而是内容的问题。
- 检查
Computed面板中td > p的实际margin-top/margin-bottom - 通用修复：
td > * { margin: 0; }（仅重置直接子元素） - 更精准控制：只对特定标签清除，如
td p, td h3 { margin: 0; }
容易被忽略的父容器和字体相关干扰
即使所有表格样式都清零，仍可能看到细小的白边或错位，常见原因包括：
- 表格父容器（如
div）设置了font-size: 0缺失——table是 inline-level 元素，换行符/空格会被渲染为约 4px 间隙 -
th或td设置了line-height或vertical-align: baseline，导致内容基线对齐产生视觉偏移 - UI 框架（如 Bootstrap）给
table加了margin-bottom: 1rem或border: 1px solid #dee2e6 - 表格用了
background-color，但边框颜色与背景色不一致，造成“伪留白”
排查优先看开发者工具的 Computed 面板，确认 border-spacing、padding、margin、line-height 是否真为 0，而不是靠猜。
