搜索
首页web前端css教程如何创建与旧版 IE 浏览器兼容的纯 CSS 表格?

How Can I Create a CSS-Only Table Compatible with Older IE Browsers?

纯 CSS 表格创建:克服 IE 限制

这里提出的问题寻求一种仅使用 HTML 的

生成表格的方法;标签和 CSS,遇到 IE7 及更早版本浏览器的兼容性问题。

要解决此问题,可以使用以下 CSS 类:

.div-table {
  display: table;
  width: auto;
  background-color: #eee;
  border: 1px solid #666666;
  border-spacing: 5px; /* cellspacing:poor IE support for  this */
}
.div-table-row {
  display: table-row;
  width: auto;
  clear: both;
}
.div-table-col {
  float: left; /* fix for  buggy browsers */
  display: table-column;
  width: 200px;
  background-color: #ccc;
}

这些类通过指定正确的显示来增强兼容性表、表行和表列的属性。

更新的代码片段:

以下 HTML 和 CSS 代码演示了更新后的实现:

HTML:

  

通过使用这些 CSS 类,即使在 IE7 及更早版本中,该表格也能正确呈现。

以上是如何创建与旧版 IE 浏览器兼容的纯 CSS 表格?的详细内容。更多信息请关注PHP中文网其他相关文章!

声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
什么是设计令牌?什么是设计令牌?Apr 22, 2025 am 09:44 AM

我最近听到了很多关于设计令牌的消息,尽管我从来没有从事一个需要它们的项目,但我认为它们非常有趣,而且

插图(和音乐)指南的映射,减少和过滤数组方法插图(和音乐)指南的映射,减少和过滤数组方法Apr 22, 2025 am 09:41 AM

地图,减少和过滤器是JavaScript中三种非常有用的数组方法,可为开发人员提供大量的功率。让我们向右跳

Web组件的高级工具Web组件的高级工具Apr 22, 2025 am 09:37 AM

在这个五部分系列的最后四篇文章中,我们对构成Web组件标准的技术进行了广泛的了解。

网站是汽车,而不是书网站是汽车,而不是书Apr 22, 2025 am 09:36 AM

我一直想知道很长一段时间

案例研究:将尖端的CSS功能结合到'课程导航”组件中案例研究:将尖端的CSS功能结合到'课程导航”组件中Apr 22, 2025 am 09:34 AM

丹尼尔(Daniel)的任务是创建用于导航在线课程内容的UI组件,因此发现自己在项目上使用该项目的新CSS功能池中很珍贵。

比本地人好比本地人好Apr 22, 2025 am 09:32 AM

安迪·贝尔(Andy Bell)写下了他对整个网络与本地应用程序辩论的想法,我认为这非常有趣。很难通过帖子做到

快速提醒:is()和:withing()基本上与一个关键差异相同快速提醒:is()和:withing()基本上与一个关键差异相同Apr 22, 2025 am 09:29 AM

我看到了一些最近的帖子,讨论了:IS()关系伪选择者的实用性。除了这样说之外,无需深入研究

内联SVG ...缓存内联SVG ...缓存Apr 22, 2025 am 09:21 AM

我写道,使用内联图标可以为最佳的图标系统制造。我仍然认为这是真的。这是将图标放到一个的最简单方法

See all articles

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

Video Face Swap

Video Face Swap

使用我们完全免费的人工智能换脸工具轻松在任何视频中换脸!

热工具

DVWA

DVWA

Damn Vulnerable Web App (DVWA) 是一个PHP/MySQL的Web应用程序,非常容易受到攻击。它的主要目标是成为安全专业人员在合法环境中测试自己的技能和工具的辅助工具,帮助Web开发人员更好地理解保护Web应用程序的过程,并帮助教师/学生在课堂环境中教授/学习Web应用程序安全。DVWA的目标是通过简单直接的界面练习一些最常见的Web漏洞,难度各不相同。请注意,该软件中

VSCode Windows 64位 下载

VSCode Windows 64位 下载

微软推出的免费、功能强大的一款IDE编辑器

SublimeText3 Mac版

SublimeText3 Mac版

神级代码编辑软件(SublimeText3)

适用于 Eclipse 的 SAP NetWeaver 服务器适配器

适用于 Eclipse 的 SAP NetWeaver 服务器适配器

将Eclipse与SAP NetWeaver应用服务器集成。

Dreamweaver Mac版

Dreamweaver Mac版

视觉化网页开发工具