純 CSS 表格創(chuàng)建：克服 IE 限制
這里提出的問(wèn)題尋求一種僅使用 HTML 的
生成表格的方法;標(biāo)簽和 CSS，遇到 IE7 及更早版本瀏覽器的兼容性問(wèn)題。
要解決此問(wèn)題，可以使用以下 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;
}
這些類通過(guò)指定正確的顯示來(lái)增強(qiáng)兼容性表、表行和表列的屬性。
更新的代碼片段：
以下 HTML 和 CSS 代碼演示了更新后的實(shí)現(xiàn)：
HTML：
<body>
<form>
通過(guò)使用這些 CSS 類，即使在 IE7 及更早版本中，該表格也能正確呈現(xiàn)。
以上是如何創(chuàng)建與舊版 IE 瀏覽器兼容的純 CSS 表格？的詳細(xì)內(nèi)容。更多信息請(qǐng)關(guān)注PHP中文網(wǎng)其他相關(guān)文章！