ie6 表格td中无内容时不显示边框的解决办法
发布时间：2011-10-30 11:02:21 作者：佚名 
我要评论
我要评论td中没有内容的时候，默认是不会显示td的边框，此时页面上显示的是一片空白，用户根本不知道这里其实有个的，并且页面也显得凌乱不堪，搜罗了下，总结了下面几种解决方法
1、在单元格中加入一个空格。这样: <td> </td>
2、直接在table里这样写:<table border="0" cellspacing="0" 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、这里能使边框显示出来的核心是 rules=”cols”
2、直接在table里这样写:<table border="0" cellspacing="0" 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、这里能使边框显示出来的核心是 rules=”cols”
相关文章
这周了解到一个新的名词，同态,同态可以理解成一种特殊形态吧，这篇文章主要为大家详细介绍了如何使用CSS实现这种同态效果，文中的示例代码讲解详细，感兴趣的小伙伴可以了2024-03-25
这篇文章主要为大家详细介绍了如何使用 css3 模拟一个渐变式圆点加载效果，文中的示例代码讲解详细，具有一定的借鉴价值，有需要的小伙伴可以跟随小编一起学习一下2024-03-22
想要给一个展示图片的区域底部加一个该图片的放大后的背景，并模糊 20，并增加一个黑色 0.6 透明度的遮罩，这篇文章主要介绍了CSS如何设置背景模糊周边有白色光晕(解决方案2024-03-20
CSS中内容居中的方法有很多种，具体取决于您想要居中的内容是什么类型的元素以及是在什么情况下居中,这篇文章主要为大家整理了常用的7种方法，感兴趣的小伙伴可以跟随小编2024-03-19
style属性可以用在HTML中大部分的标签上，本文主要介绍了CSS设置style属性的3种方法，文中通过示例代码介绍的非常详细，需要的朋友们下面随着小编来一起学习学习吧2024-03-15
在CSS中隐藏元素有多种方法，这篇文章主要为大家整理了五种常见方法及其适用场景与区别，文中的示例代码讲解详细，具有一定的借鉴价值，有需要的小伙伴可以跟随小编一起学2024-03-15
三栏布局是常见的一种页面布局方式，将页面分为左栏、中栏和右栏，这篇文中主要为大家详细介绍了CSS实现三栏布局的四种方法，文中的示例代码讲解详细，感兴趣的小伙伴可以2024-03-11
这篇文章主要为大家详细介绍了如何使用CSS实现简单的翻页效果，文中的示例代码讲解详细，具有一定的借鉴价值，有需要的小伙伴可以跟随小编一起学习一下2024-03-06- 在网页设计中，视差滚动效果可以为用户带来沉浸式的浏览体验,这篇文章主要为大家详细介绍了如何使用CSS完成视差滚动效果，文中的示例代码讲解详细，感兴趣的小伙伴可以跟随2024-02-28
粘性定位的元素是依赖于用户的滚动，在position:relative与position:fixed定位之间切换，这篇文章给大家介绍css中position:sticky 粘性定位的相关知识，感兴趣的朋友跟随小2024-02-28
最新评论