码迷,mamicode.com
首页 > 其他好文 > 详细

td中无内容时显示边框

时间:2015-08-05 10:34:18      阅读:140      评论:0      收藏:0      [点我收藏+]

标签:border   td   边框   

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

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

2、直接在table里这样写:<table width="300" border="1" style="border-collapse:collapse;">**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、<table cellspacing=2 border=1 rules="cols">这里能使边框显示出来的核心是 rules=”cols”

版权声明:本文为博主原创文章,未经博主允许不得转载。

td中无内容时显示边框

标签:border   td   边框   

原文地址:http://blog.csdn.net/u011127925/article/details/47292521

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!