Comment puis-je créer un tableau CSS uniquement compatible avec les anciens navigateurs IE ?

Création de table CSS uniquement : surmonter les limitations d'IE

La question posée ici cherche une méthode pour générer une table uniquement en utilisant

Pour résoudre ce problème, les classes CSS suivantes peuvent être utilisées :

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

Ces classes améliorent la compatibilité en spécifiant l'affichage correct propriétés du tableau, des lignes du tableau et des colonnes du tableau.

Code mis à jour Extrait :

Le code HTML et CSS suivant illustre l'implémentation mise à jour :

HTML :

En utilisant ces classes CSS , le tableau est rendu correctement même dans IE7 et les versions antérieures.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!