如何建立與舊版 IE 瀏覽器相容的純 CSS 表格？
- DDD原創
- 2024-12-16 13:47:18417瀏覽
純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>HTML：HTML：透過使用這些CSS 類，即使在IE7及更早版本中，該表格也能正確呈現。
以上是如何建立與舊版 IE 瀏覽器相容的純 CSS 表格？的詳細內容。更多資訊請關注PHP中文網其他相關文章！
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn