加拿大预测网-在线预测

信息动态

网站设计是技术与创意的完美融合!

技术资讯

IE6 IE7 IE8中的网页表格不显示边框 已解决

2016-04-20 17:27:05

IE6 IE7 IE8中的网页表格不显示边框的原因，一💟般是ဣ因为td单元格中没有内容，就是连空格符都没有，就会到这td单元格边框不显示，解决方法有：

1、在单元格中加入一个空格。这样: <td>&nbspღ;</td> 

2、直接在table里这样写:<table border="0&q𓆏uot; cellspacing="0" style="border-collapse:colไlapse"> 

3、table { caption-side: top; width: auto; border-collapse: collapse; empty-cells: hide; }或者 table {width:100%;b🏅order-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-col൩lapse:collapse把我们合并了，所以宽度就是 1+1=1了出现细线边框了。

css中可以是：

.table{border-collapse:collapse}

这样就能解决IE6 IE7 IE8中的网页表格td边框不显示的问题了。

0532-85810878 473587358 扫码添加微信

加拿大预测网-在线预测:扫码添加微信

 扫码关注公众号

加拿大预测网-在线预测:官方公众号

 2054585360