制作表格数据时,有时会出现表格空数据。此时,ie6/7浏览器下的单元格不显示边框,其他浏览器正常。以下有四种方法:
1、在单元格中加入一个空格。这样: <td> </td>。
说明:这种方法比较简单,但要看情况。
2、定义table和td的CSS风格如下
table{border-collapse:collapse;}
td{empty-cells:show;}
说明:
1)、border-collapse只能是collapse,尽管border-collapse还具有separate和inherit属性。用这种方法可以显示边框,但令人沮丧的是,它显示了细边框。顺便说一句,separate和collapse, separate:separate : 默认值。
2)、边框独立(标准HTML)显示在没有这个属性的情况下。(在我看来,inherit和separatete一样。 没啥区别)
collapse :合并相邻边缘 合并相邻边缘!默认时相邻边没有合并,所以就是 1 1=2。现在我们用它。 border-collapse:collapse合并了我们,所以宽度是 1 细线边框出现在1=1。
说明:这种方法最好,用的最多。但是如果你想让表格有立体感,那就不行了,如下图所示:
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中使用。相应的脚本特征是emptycels。
4、能在这里展示边框的核心是 rules=”cols”。
总结:就个人项目经验而言,前两种方法最常用,尤其是第二种方法;如果你有什么意见,可以给我留言。谢谢你!