肉包子的摇滚生活

通过为表格定义border-collapse:collapse可以避免table的cellspacing在各个浏览器不一致的状况。

应用以下的reset来定义表格，即可避免cellspacing带来的问题：

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

在《一些冷门但是关键时刻很有用的html标签与属性》这篇文章，我就提到过，table的cellspacing属性，是无法通过css来控制的。。今天碰到一个界面的问题，ff下面界面对得很整齐，但是IE下总是高出一截，无论设置td的高度如何，总是会多出那么一截出来。

后来想起来自己曾经整理过的这篇文章，想起来table的cellspacing属性无法通过css来控制，那也就是说原先网站采用的reset.css并不能保证各个样式都一样的。。偏偏IE跟FF这些浏览器默认的cellspacing的值不一样，导致表格在不设置cellspacing的时候样子总是不同。

table标签上经常可以看到cellspacing属性与cellpadding属性，还有border。虽然这些是控制外观的属性，但是它们是名正言 顺的标准属性，可以放心用。一般都建议采用css来控制表格样式。但是有个特殊的地方，cellspacing属性是无法通过css来控 制的。所以cellspacing只能在table里直接指定。

所以，应用表格的时候，一定需要写上<table cellspacing=”0″>，至于其他reset的css，就会通用了。