0514-86177077

9:00-17:00（工作日）

主页 > 知识库 > 当td为空时怎样显示其边框

当td为空时怎样显示其边框
热门标签：电话外呼系统怎么找准客户 外呼系统隐私 扬州市地图标注 荆州销售电销机器人 中国世界文化遗产地图标注 西安公司外呼系统价格 400开头电话在哪办理 可以集成到系统的外呼 电脑外呼系统安装
之前总结了下如何用 css 来实现 table 的 border + bordercolordark + bordercolorlight 的边框明暗效果，然后有网友问我为什么他写了一个类似的 css 样式，但只能在 Opera 下正常看到表格的边框效果， IE 下则什么也没有。
　　下了个 Opera9 一看，确实如此。原因倒也不复杂：因为在 IE 下（ Firefox 似乎和 IE 一致）如果某个 td 的内容为空的话，即便你设置了高度和宽度，这个 cell 的边框样式也是不会被显示出来的； Opera 则不管是否有内容与否，一概应用样式来渲染。这个问题刚毕业那会就碰到了，当时部门的科长来问我，后来我跟他说：给每个空的 td 加上 就行了。以后每次碰到这个问题，我就统统采用这个简单粗暴有效的方式来解决了。
　　但今天卯足了劲研究了几下，从 Jiarry 那知道原来 css 语法是允许我们对这些缺省行为进行改变的：使用 border-collapse:collapse; 和 empty-cells:show; 就可以让消失的边框显现出来。
class="test1": 加 border-collapse:collapse;
.test1{
border:1px solid #999999;
border-collapse:collapse;
width:60%
}
.test1 td{
border-bottom:1px solid #999999;
height:28px;
padding-left:6px;
}
class1 这儿有内容
这儿有内容
class="test2": 加 border-collapse:collapse; 和 empty-cells:show;
.test2{
border:1px solid black;
border-collapse:collapse;
width:60%
}
.test2 td{
border-bottom:1px solid black;
height:28px;
padding-left:6px;
empty-cells:show;
}
class2 这儿有内容
这儿有内容
class="test3": 不加 border-collapse:collapse; 和 empty-cells:show; 的情况下
.test3{
border:1px solid #999999;
width:60%
}
.test3 td{
border-bottom:1px solid #999999;
height:28px;
padding-left:6px;
}
class3 这儿有内容
这儿有内容

标签：济南 四川 阿拉善盟 贵阳 锡林郭勒盟 乐山 延安 白银

巨人网络通讯声明：本文标题《当td为空时怎样显示其边框》，本文关键词  当,为,空时,怎样,显示,其,；如发现本文内容存在版权问题，烦请提供相关信息告之我们，我们将及时沟通与处理。本站内容系统采集于网络，涉及言论、版权与本站无关。
  • 相关文章
  • 下面列出与本文章《当td为空时怎样显示其边框》相关的同类信息！
  • 本页收集关于当td为空时怎样显示其边框的相关信息资讯供网民参考！
    • 推荐文章

    上一篇：html 网页跳转代码

    下一篇：使用相对宽度调整表格问题

    Copyright © 1999-2012 诚信 合法 规范的巨人网络通讯始建于2005年

    苏ICP备15040257号-8

    产品关键词： 当td为空时怎样显示其边框 当,为,空时,怎样,显示,其,