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

如何创建与旧版 IE 浏览器兼容的纯 CSS 表格？

DDD原创: 2024-12-16 13:47:18421浏览

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：

<body>
  <form>

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

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

css html for using this display table issue

声明：

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn

上一篇：How Can I Create a Cross-Browser Transparent Background without Affecting Text Opacity?下一篇：How to Resolve Image Paths in MVC4 Style Bundles?

查看更多