怎样设置HTML表格的边框间隙？CELLSPACING属性控制缝隙-html教程-PHP中文网

cellspacing在现代开发中常失效，最常见原因是border-collapse: collapse导致其被忽略；应改用border-spacing配合border-collapse: separate，并注意水平/垂直间距顺序及单位限制。

怎样设置html表格的边框间隙？cellspacing属性控制缝隙

cellspacing 确实能控制表格单元格之间的“边框间隙”，但它在现代开发中基本等于失效开关——不是不能用，而是用了就大概率被忽略、覆盖或产生意外空隙。

为什么 `cellspacing` 经常不生效

最常见原因是全局或局部设置了 border-collapse: collapse。这个 CSS 声明会让浏览器彻底无视 cellspacing，连带让 border-spacing 也归零。即使你写了 <table cellspacing="10">，只要某处有 <code>table { border-collapse: collapse; }（比如重置样式表、Bootstrap 或 Tailwind 默认行为），它就白写。

cellspacing 只在 border-collapse: separate（默认值）下起作用；设成 collapse 后，它被规范明确忽略
如果表格父容器用了 display: grid 或 display: flex，table 渲染上下文被破坏，cellspacing 和 border-spacing 都无效
框架或 CSS 重置里常带 table { border-collapse: collapse; }，检查 DevTools 的 Computed 样式里 border-collapse 实际值

`border-spacing` 替代 `cellspacing` 的关键写法

真正可控的方式是用 border-spacing，但必须确保它运行在正确的渲染模式下：

使用HTML,CSS,JavaScript开发Android应用程序英文文字pdf版附源文件

如果你了解HTML，CSS和JavaScript，您已经拥有所需的工具开发Android应用程序。本动手本书展示了如何使用这些开源web标准设计和建造，可适应任何Android设备的应用程序 - 无需使用Java。您将学习如何创建一个在您选择的平台的Android友好的网络应用程序，然后转换与自由PhoneGap框架到一个原生的Android应用程序。了解为什么设备无关的移动应用是未来的潮流，并开始构建应用程序，提供更

下载

显式写 style="border-collapse: separate; border-spacing: 6px 12px;" —— 第一个值是列间距（水平），第二个是行间距（垂直）
不要写成 border-spacing: 12px 6px 以为“行列对应”，顺序固定为「水平垂直」，不是「列行」
单位只能是长度值：px、em、rem；不支持 % 或 auto
若需响应式，可用 @media 分别设置不同断点下的 border-spacing，cellspacing 完全做不到这点

写了 `cellspacing="0"` 还有 1px 缝隙？原因和解法

这不是 bug，是 HTML 渲染的固有行为：表格默认以 inline-block 方式参与流式布局，换行符和空白字符会被解析为一个空格，导致视觉上残留缝隙。

加 style="font-size: 0;" 到 <table> 上，再给 <code><td> 单独设 <code>font-size: 14px;
更常用的是直接切到 border-collapse: collapse;，此时 cellspacing 被丢弃，但单元格边框真正合并，缝隙消失
注意：启用 collapse 后，相邻边框会叠加（如两个 1px 边框合起来还是 1px），不是相加；若需保留双线效果，得用 outline 或伪元素模拟

真正要稳定控制间隙，得把 border-spacing、border-collapse、padding 当作一套组合来调——单独靠 cellspacing 就像用胶带绑住松动的主板，临时能用，但一碰就掉。