首頁 > web前端 > css教學 > 如何建立與舊版 IE 瀏覽器相容的純 CSS 表格?

如何建立與舊版 IE 瀏覽器相容的純 CSS 表格?

DDD
發布: 2024-12-16 13:47:18
原創
416 人瀏覽過

How Can I Create a CSS-Only Table Compatible with Older IE Browsers?

純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中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板