纯 CSS 表格创建:克服 IE 限制
这里提出的问题寻求一种仅使用 HTML 的
要解决此问题,可以使用以下 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中文网其他相关文章!