純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>
以上是如何建立與舊版 IE 瀏覽器相容的純 CSS 表格?的詳細內容。更多資訊請關注PHP中文網其他相關文章!