首页 > web前端 > css教程 > 如何在 Internet Explorer 7 中显示空单元格的边框?

如何在 Internet Explorer 7 中显示空单元格的边框?

Patricia Arquette
发布: 2024-11-19 08:42:02
原创
360 人浏览过

How to Display Borders on Empty Cells in Internet Explorer 7?

在 IE 7 中设置空单元格的样式

由于浏览器的隐藏空单元格的行为。要解决此问题,请考虑以下方法:

纯 CSS 解决方案

如答案中所述,IE7 默认情况下在显示空单元格边框方面存在限制。不过,您可以尝试以下 CSS 技巧:

table {
  border: 1px solid black;
  border-collapse: collapse;
  empty-cells: show;
}
登录后复制

后备解决方案

由于纯 CSS 解决方案在 IE7 中可能无法一致工作,替代方法包括:

  • 插入不间断空格:向空单元格添加不间断空格 ( ) 可以强制浏览器显示它。
  • 空单元格隐藏/显示:虽然 IE8 支持使用empty-cells 属性来隐藏空单元格,但它在 IE7 中不起作用。因此,不推荐这种方法。

以上是如何在 Internet Explorer 7 中显示空单元格的边框?的详细内容。更多信息请关注PHP中文网其他相关文章!

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板