用css代替cellspacing、cellpadding

 

在table 中控制单元格之间的间距要用到cellspacing、cellpadding，默认情况cellspacing、cellpadding均不为0，

通常为了不让table单元格之间的间距影响到美观，我们经常会把cellspacing、cellpadding设置为0，

因此经常看到“< table cellspacing=0 cellpadding=0>”这样的代码。

 

这样做无形中增加了代码的体积，而且也极其不符合样式与内容分离的web标准，

 

因此使用css控制cellspacing/cellpadding显的意义重大了！以下是控制方法：

table{border:0;margin:0;border-collapse:collapse;}
table td{padding:0;}

第一行控制cellspacing，关键是“border-collapse:collapse;”这一句；

第二行控制cellpadding

 

CSS属性 border-collapse 边框合并属性
说明
该CSS属性用来设定表格的行和列的边框是合并成单边框，还是分别有各自的边框。

值：collapse | separate | inherit
separate 缺省值。边框分开，不合并。
collapse 边框合并。即如果相邻，则共用同一个边框。