Bagaimanakah Saya Boleh Mencipta Jadual CSS Sahaja yang Serasi dengan Pelayar IE Lama?

Penciptaan Jadual CSS Sahaja: Mengatasi Had IE

Soalan yang dikemukakan di sini mencari kaedah untuk menjana jadual semata-mata menggunakan

Untuk menangani isu ini, kelas CSS berikut boleh digunakan:

.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;
}

Kelas ini meningkatkan keserasian dengan menentukan paparan yang betul sifat untuk jadual, baris jadual dan lajur jadual.

Kod Kemas Kini Coretan:

Kod HTML dan CSS berikut menunjukkan pelaksanaan yang dikemas kini:

HTML:

Dengan menggunakan kelas CSS ini , jadual dipaparkan dengan betul walaupun dalam IE7 dan versi terdahulu.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mencipta Jadual CSS Sahaja yang Serasi dengan Pelayar IE Lama?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!