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

纯 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中文网其他相关文章！