ie6 表格td中无内容时不显示边框的解决办法
发布时间:2011-10-30 11:02:21 作者:佚名 我要评论
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 实现【点击展开阅读全文】功能,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下2020-10-13
这篇文章主要介绍了CSS实现两个元素相融效果(粘滞效果),文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学2020-10-12
这篇文章主要介绍了css为什么要放在head标签中,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下2020-10-12
这篇文章主要介绍了CSS两种常用的封装示例,帮助大家更好的利用CSS制作网页,感兴趣的朋友可以了解下2020-10-12
这篇文章主要介绍了CSS标签模式display属性,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下2020-10-12
这篇文章主要介绍了css 收货地址平行四边形的线条样式示例代码,代码简单易懂,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下2020-10-09
这篇文章主要介绍了css实现鼠标放上去时图片过渡转换动画,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下2020-10-09
这篇文章给大家介绍了CSS中width和height的默认值auto与%案例,本文通过实例案例给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧2020-09-30
这篇文章主要介绍了css一些不常见但很有用的属性操作大全,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下2020-09-28
这篇文章主要介绍了解决搜索框和搜索按钮button边框不能重合的问题,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下2020-09-28
最新评论