cellspacing="0"在chrome/firefox中仍有缝隙是因为默认border-collapse: separate，需显式设collapse才生效；border-spacing仅在separate下有效；应删除所有cellspacing/cellpadding，统一用css的border-collapse、border-spacing和padding控制。
cellspacing="0"在Chrome/Firefox里还有缝？先确认border-collapse模式
写了cellspacing="0"却仍有1px缝隙，不是属性失效，而是浏览器默认用border-collapse: separate渲染——此时单元格边框各自存在，间距归零后，边框自身宽度叠加仍留白。真正起效的条件是：border-collapse: collapse必须显式启用，且cellspacing在此模式下直接被忽略（不是bug，是规范行为）。检查开发者工具中<table>的computed样式，若<code>border-collapse值为collapse，那cellspacing连解析都不会触发。
border-spacing替代cellspacing时，为什么写了没反应？
常见原因是CSS里某处悄悄加了table { border-collapse: collapse; }（比如Bootstrap、normalize.css或自定义重置），导致border-spacing完全失效。它只在border-collapse: separate下起作用。实操建议：
- 显式写
table { border-collapse: separate; border-spacing: 8px 4px; }，避免依赖默认值 - 单值写法
border-spacing: 6px等价于6px 6px；双值写法第一个是列间距（水平），第二个是行间距（垂直） - 若需保留分隔线但只去横向缝，用
border-spacing: 0 2px - 移除HTML中所有
cellspacing属性，防止和CSS权重冲突导致行为不可预测
怎么让th和td有不同内边距？别再用cellpadding
cellpadding只能统一设整张表，th通常需要更大留白，td可能要更紧凑——这用HTML属性根本做不到。CSS的padding才是正解：
-
th { padding: 12px 16px; }控制表头 -
td { padding: 8px 12px; }控制数据单元格 - 支持响应式：
td { padding: 0.5rem 0.75rem; }比cellpadding="6"更适配不同屏幕 - 可精准到单个单元格：
td:first-child { padding-left: 20px; }
混用cellspacing和CSS时最隐蔽的坑
旧代码里留着cellspacing="2"，新CSS又写了border-spacing: 0，看起来逻辑清晰，但实际效果取决于选择器权重和是否触发border-collapse切换。更麻烦的是JS动态操作：table.cellSpacing = 0在collapse模式下执行成功却无视觉变化，调试时容易误判DOM更新失败。真正稳定的路径只有一条：删光所有cellspacing和cellpadding，全量迁移到CSS控制，尤其注意框架项目里table样式常被全局重置。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
