|
IE6IE7IE8中的网页表格不显示边框的原因，一般是因为td单元格中没有内容，就是连空格符都没有，就会到这td单元格边框不显示，解决方法有：
1、在单元格中加入一个空格。这样:<td> </td>
2、直接在table里这样写:<tableborder="0"cellspacing="0"style="border-collapse:collapse">
3、table{caption-side:top;width:auto;border-collapse:collapse;empty-cells:hide;}或者table{width:100%;border-collapse:separate;empty-cells:show;}不过，目前IE6.0持此属性，貌似只能在css2中使用。相应的脚本特性为emptyCells。
备注：
看清了啊，border-collapse只能是collapse，虽然border-collapse还有separate，inherit属性。用这种方法可以把边框显示出来，但很郁闷的是—-它显示的是细边框。顺带一下separate和collapse吧，separate:separate:默认值。边框独立(标准HTML)，跟没用这个属性时显示的一样。（inherit在我看来跟separate没啥区别，也许是我眼拙，呵呵）collapse:相邻边被合并相邻边被合并！默认时相邻边没有合并，所以就是1+1=2。现在我们使用border-collapse:collapse把我们合并了，所以宽度就是1+1=1了出现细线边框了。
css中可以是：
.table{border-collapse:collapse}
这样就能解决IE6IE7IE8中的网页表格td边框不显示的问题了。
|