技术资讯
IE6 IE7 IE8中的网页表格不显示边框 已解决
2016-04-20 17:27:05
IE6 IE7 IE8中的网页表格不显示边框的原因,一般是因为td单元格中没有内容,就是连空格符都没有,就会到这td单元格边框不显示,解决方法有:
1、在单元格中加入一个空格。这样: <td> </td>
2、直接在table里这样写:<table border="0" cellspacing="0" style="border-collapse:collapse">
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。
备注:
看清了啊,border-collapse只能是collapse,虽然border-collapse还有separate,inherit属性。用这 种方法可以把边框显示出来,但很郁闷的是—-它显示的是细边框。顺带一下separate和collapse吧, separate:separate : 默认值。边框独立(标准HTML),跟没用这个属性时显示的一样。(inherit在我看来跟separate 没啥区别,也许是我眼拙,呵呵) collapse : 相邻边被合并 相邻边被合并!默认时相邻边没有合并,所以就是 1+1=2。现在我们使用 border-collapse:collapse把我们合并了,所以宽度就是 1+1=1了出现细线边框了。
css中可以是:
.table{border-collapse:collapse}
这样就能解决IE6 IE7 IE8中的网页表格td边框不显示的问题了。
近期更新
- [2023-07-26 14:17:28] 为品牌赋能,海外官网品牌数字化
- [2023-05-06 10:32:26] 青岛网站建设公司,高端网站定制,一站式网站服务——力图数字科技
- [2023-04-27 13:47:54] 高端定制网站建设——从满足预期到走向卓越
- [2023-04-11 09:17:49] H5页面设计开发——移动端传播利器
- [2022-11-16 10:11:43] windows2012程序在哪
- [2022-04-14 11:01:47] 力图数字科技配套网站服务支持
- [2021-05-18 10:14:11] 青岛网站建设的流程
- [2021-04-29 10:14:38] 企业定制化官网建设项目
- [2021-03-05 10:34:45] 移动互联时代房地产行业的微信小程序解决方案
- [2021-01-22 17:29:38] 微信小程序有哪些优势?为什么要开发微信小程序?
- [2021-01-08 17:28:04] 网站建设最容易忽略的人性化设计
- [2020-12-16 16:55:32] 建设一个常规的公司网站建设成本大概是多少?
延伸阅读
- [2013-03-04 23:26:13] 如何将新闻做成伪原创
- [2014-05-15 21:39:27] 优秀的网站设计公司能赋予您一个什么样的网站?
- [2011-12-08 22:52:19] 可提交酷站的门户网站
- [2013-11-01 11:09:19] robots.txt怎么写更规范
- [2014-10-26 09:01:35] css基本知识与基本语法
- [2012-06-29 08:33:58] 如何制作banner广告
- [2013-09-11 21:45:24] 交互网站设计趋势分析与探讨
- [2012-05-03 18:18:29] 弹出窗口样式
- [2012-07-18 00:12:13] 简洁的网页设计
- [2015-01-18 15:44:47] 网站有无备案是否对我们网站在百度的排名有影响呢?
- [2012-08-21 23:19:29] dede后台文章添加页手动增加字段
- [2015-02-13 09:37:57] 如何有效的提高网站关键词,如何维护关键词