Wie kann ich eine reine CSS-Tabelle erstellen, die mit älteren IE-Browsern kompatibel ist?

Nur ​​CSS-Tabellenerstellung: IE-Einschränkungen überwinden

Die hier gestellte Frage sucht nach einer Methode zum Generieren einer Tabelle ausschließlich mit HTMLs

Um dieses Problem zu beheben, können die folgenden CSS-Klassen verwendet werden:

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

Diese Klassen verbessern die Kompatibilität, indem sie die richtige Anzeige angeben Eigenschaften für die Tabelle, Tabellenzeilen und Tabellenspalten.

Aktualisierter Code Snippet:

Der folgende HTML- und CSS-Code demonstriert die aktualisierte Implementierung:

HTML:

  

Durch die Verwendung dieser CSS-Klassen , die Tabelle wird auch in IE7 und früheren Versionen ordnungsgemäß gerendert.
Das obige ist der detaillierte Inhalt vonWie kann ich eine reine CSS-Tabelle erstellen, die mit älteren IE-Browsern kompatibel ist?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!