控制单元格间距可用cellspacing属性或CSS的border-spacing属性。1. cellspacing是HTML属性，直接设在table标签中，如cellspacing=”10″表示10像素间距，但HTML5已废弃此法。2. 推荐使用CSS的border-spacing，需配合border-collapse: separate，可设统一或分别的水平垂直间距。3. 注意border-collapse为collapse时border-spacing无效，且响应式设计宜用CSS以提升兼容与维护性。
在HTML表格中，控制单元格之间的间距主要通过cellspacing属性或CSS的border-spacing属性实现。虽然两者功能相似，但使用方式和兼容性有所不同。
1. 使用HTML的cellspacing属性
cellspacing是HTML表格标签的原生属性，用于设置相邻单元格边框之间的距离（即外间距）。它直接写在
| 单元格1 | 单元格2 |
| 单元格3 | 单元格4 |
上述代码会让每个单元格之间有10像素的间距。注意：该属性在HTML5中已被废弃，推荐使用CSS替代。
2. 使用CSS的border-spacing属性
更现代、推荐的做法是使用CSS的border-spacing属性。它作用与cellspacing相同，但需配合border-collapse: separate使用（默认值）。
立即学习“前端免费学习笔记（深入）”；
table {
border-collapse: separate;
border-spacing: 10px;
}
这样设置后，水平和垂直间距均为10px。也可分别设置：border-spacing: 10px 5px; —— 水平10px，垂直5px。
3. 注意事项与兼容性
如果表格设置了border-collapse: collapse，则border-spacing无效，所有边框合并为一条线。 cellspacing仅对
微信扫一扫 
支付宝扫一扫 
