Puis-je créer un tableau en utilisant uniquement `` et CSS ?

Dans l'extrait HTML fourni, diverses classes sont utilisées pour styliser les éléments. Pour une expérience multi-navigateurs, vous pouvez ajuster le CSS comme suit :

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

Dans le CSS ajusté :

• Nous avons remplacé .divTable par .div-table pour cohérence.
• Pour une compatibilité entre navigateurs, nous avons supprimé border-collapse:separate; à partir de .divTable.

Ce CSS mis à jour garantit que le tableau s'affichera correctement dans tous les principaux navigateurs, y compris IE7 et 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!