border-spacing设为0可消除缝隙，但前提是border-collapse必须为separate且未被覆盖；若计算值为collapse，则border-spacing被规范强制忽略，即使写0也无效。
border-spacing 本身不“清除”缝隙，而是控制缝隙大小；想彻底没缝，得设为 0，但前提是 border-collapse: separate 且没被覆盖。
为什么写了 border-spacing: 0 还有缝？
最常见原因：浏览器根本没执行它。只要 border-collapse 的计算值是 collapse，border-spacing 就被规范强制忽略——DevTools 的 “Computed” 面板里可能标成 “invalid”，或者压根不显示。
- 别信“默认就是
separate”：Bootstrap、Ant Design、甚至某行全局table { border-collapse: collapse; }都可能偷偷覆盖 - 必须显式写
table { border-collapse: separate; }，且只作用于<table>元素本身 - 用 DevTools 确认 computed 值，不是看源码有没有写
- 如果用了
display: grid或display: block，border-spacing直接失效——它只属于表格渲染上下文
border-spacing: 0 的写法和限制
设为 0 才能真正消除物理间隙，但它不是万能胶——有硬性约束：
html-to-pptx-converter
下载
使用 PptxGenJS 和 Python 解析，将结构化的 HTML/CSS 幻灯片内容转换为原生、可编辑的 PowerPoint（.pptx）演示文稿。
- 单位只能是长度值：
border-spacing: 0、border-spacing: 0px合法；border-spacing: 0%或border-spacing: 0em会被忽略 - 双值写法也得是零：
border-spacing: 0 0（第一个是列间距，第二个是行间距） - 只写在
<table>上，<td>或<tr>上加完全无效，也不继承 - IE8+ 支持，现代项目基本不用操心兼容性
当 border-collapse: collapse 必须保留时，怎么“看起来没缝”？
有些 UI 框架或旧系统强依赖边框合并逻辑，改不了 collapse。这时 border-spacing 彻底无用，只能视觉模拟：
立即学习“前端免费学习笔记（深入）”；
- 给
<td>和<th>加padding，让内容离边框远点，避免“贴边感” - 配合细透明边框：
border: 1px solid transparent，防止跨格时视觉错位 - 用
outline替代border（不占布局空间），再配padding更易控距 - Flex/Grid 布局下别硬套
border-spacing——该用gap或row-gap/column-gap
真正麻烦的不是怎么写 border-spacing: 0，而是查哪行 CSS 把 border-collapse 给悄悄改成了 collapse——这种隐式覆盖优先级常高于你本地样式，且容易漏掉。
