您现在的位置是：网站首页> 编程资料编程资料

ie6 表格td中无内容时不显示边框的解决办法_CSS教程_CSS_网页制作_

2021-09-08 1151人已围观

简介 td中没有内容的时候，默认是不会显示td的边框，此时页面上显示的是一片空白，用户根本不知道这里其实有个的，并且页面也显得凌乱不堪，搜罗了下，总结了下面几种解决方法

1、在单元格中加入一个空格。这样:  

2、直接在table里这样写:

看清了啊，border-collapse只能是collapse，虽然border-collapse还有separate，inherit属性。用这 种方法可以把边框显示出来，但很郁闷的是—-它显示的是细边框。顺带一下separate和collapse吧， separate:separate :　 默认值。边框独立(标准HTML)，跟没用这个属性时显示的一样。（inherit在我看来跟separate 没啥区别，也许是我眼拙，呵呵） 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中使用。相应的脚本特性为emptyCells。

4、这里能使边框显示出来的核心是 rules=”cols”

上一篇：纯css的accordion效果(代码分享)_Div+CSS教程_CSS_网页制作_

下一篇：div背景半透明 覆盖整个可视区域的遮罩层效果_CSS教程_CSS_网页制作_

相关内容

点击排行

本栏推荐

猜你喜欢