border-spacing 在 table 上不起作用，通常因设置了 border-collapse: collapse 或非 table 的 display 值；它仅对 border-collapse: separate 生效，且只能设在 table 元素上，支持单值（行列同距）或双值（水平 行间）写法，单位须为长度值。
border-spacing 在 table 上不起作用？先检查 display 值和 border-collapse
直接给 <table> 设置 <code>border-spacing 没反应，大概率是因为用了 border-collapse: collapse —— 这个声明会强制忽略 border-spacing。它只对 border-collapse: separate（默认值）生效。
另一个常见干扰是：把 table 设成了 display: block 或 display: grid，此时它已不是“表格渲染上下文”，border-spacing 完全失效。
- 确保没写
border-collapse: collapse；如果写了，删掉或改成separate - 避免给
table元素设置非table类型的display值 -
border-spacing只能设在<table> 元素上，不能写在 <code><td> 或 <code><tr> 上 <h3>border-spacing 接受一个还是两个值？怎么控制行列间距差异</h3> <p><code>border-spacing支持单值和双值写法，类似margin：-
border-spacing: 8px→ 横向和纵向都为 8px -
border-spacing: 6px 12px→ 第一个值是横向间距（列之间），第二个是纵向间距（行之间）
注意顺序是「水平 行间」，不是「行 列」——容易记反。如果想让列间隙大、行间隙小，就得写成
border-spacing: 16px 4px，而不是反过来。单位必须是长度值（
px、em、rem），不支持百分比或auto。
Article To Html下载文章转信息图。将文章/笔记转化为手机可读的 HTML 信息图，自动匹配视觉风格。触发场景：文章转图、笔记转图、信息图、转小红书图、做张图、可视化这篇文章、文生图。
替代方案：当 border-spacing 不适用时（比如需要内边距式留白）
如果表格用了
border-collapse: collapse（例如要实现无间隙边框线），又想让内容不贴边，border-spacing就完全用不了。这时得退回到单元格自身：- 给
<td> 和 <code><th> 加 <code>padding—— 这是最常用、最可控的方式 - 慎用
margin：表格单元格不支持margin，加了也没效果 - 不要试图用空格字符或
示例：
td, th { padding: 8px 12px; }这样既保持边框合并，又让文字与边框保持呼吸感。兼容性与特殊表现：IE8+ 都支持，但要注意 cellspacing 的遗留影响
border-spacing在 IE8+、Chrome、Firefox、Safari 中均原生支持，无需前缀。但如果你的 HTML 还保留着老式属性cellspacing（如<table cellspacing="10">），它会和 CSS 的 <code>border-spacing冲突——浏览器以cellspacing为准，CSS 被忽略。- 现代项目应移除所有
cellspacing和cellpadding属性，全部交由 CSS 控制 -
border-spacing不影响表格边框本身的粗细，只控制单元格之间的“空白通道” - 该属性对
<colgroup></colgroup>、<col>无效，也不能通过继承作用于子元素
真正容易被忽略的是：它只定义“单元格框边缘之间的距离”，不是单元格内容之间的距离——后者还得靠
padding配合。 -
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
