border-collapse: collapse 必须写在table元素上才生效，写在td、tr或div上无效；需配套清除border-spacing、统一单元格边框、重置子元素margin及padding，否则仍会出现白缝、双线或视觉间隙。
border-collapse: collapse 必须写在 table 元素上才生效
写在 td、tr 或外层 div 上完全无效，浏览器会静默忽略。这是“加了没反应”的最常见原因。
正确写法只有两种：
- CSS 中直接作用于
table：table { border-collapse: collapse; } - 行内样式：
<table style="border-collapse: collapse"> <p>如果用了 Ant Design、Bootstrap 等框架，它们常默认设 <code>table { border-collapse: separate; }，需检查 computed 样式确认是否被覆盖；临时可用!important验证，长期应提高选择器权重（比如加类名）。为什么写了
collapse还有白缝或双线不是属性失效，而是配套缺失或冲突：
-
border-spacing和border-collapse: collapse互斥——只要存在任何border-spacing声明（包括框架注入的），collapse就自动降级为separate，必须全局搜索并删掉所有border-spacing -
th和td没设border，或边框宽度/样式不统一（比如一个1px solid，一个2px dashed），合并后交界处会粗细不均甚至“消失” - 父容器有
font-size: 0或 HTML 换行产生的空格，也会在表格底部/右侧留微小间隙，需额外清除（如font-size: 0后对td单独设回字体大小）
td里塞了p、h3还是看起来有空隙这不是单元格间隙，是子元素的默认
margin撑开的视觉留白。检查开发者工具，高亮区域若落在td内部但超出padding区域，基本就是它。通用解法：
-
td > * { margin: 0; }—— 简单粗暴，适合内容结构可控 - 更精准地只重置常见元素：
td p, td h1, td h2, td h3 { margin: 0; } - 别用
overflow: hidden遮掩——它只是藏问题，不是解决问题
别漏掉
padding: 0和border-spacing: 0的兜底作用border-collapse: collapse解决的是边框合并逻辑，但它不控制内容与边框的距离，也不影响已被其他规则设置的border-spacing。所以完整最小集应包含：
table { border-collapse: collapse; border-spacing: 0; }td, th { padding: 0; }-
td > *, th > * { margin: 0; }（按需）
真正难处理的从来不是单个属性，而是
border-collapse切换后，border-spacing、padding、子元素margin三者叠加的视觉反馈。调其中一个，往往要同步看另外两个是否还在悄悄起作用。 -
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
