所有分类
  • 所有分类
  • 后端开发
ie6/7表格td中无内容时不显示边框

ie6/7表格td中无内容时不显示边框

运行环境:Windows
所需软件:Word
资源类型:简历

制作表格数据时,有时会出现表格空数据。此时,ie6/7浏览器下的单元格不显示边框,其他浏览器正常。以下有四种方法:

1、在单元格中加入一个空格。这样: <td>&nbsp;</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”

 

总结:就个人项目经验而言,前两种方法最常用,尤其是第二种方法;如果你有什么意见,可以给我留言。谢谢你!

原文链接:https://www.icz.com/technicalinformation/web/html/2023/05/8851.html,转载请注明出处~~~
0
注意:请收藏好网址www.icz.com,防止失联!站内免费资源持续上传中…!赞助我们
显示验证码
没有账号?注册  忘记密码?