Des cellules de tableau de largeur égale peuvent-elles être obtenues avec du CSS pur pour un nombre indéterminé de cellules ?

Cellules de tableau de largeur égale avec un nombre indéterminé de cellules

Dans un scénario où un tableau contient un nombre imprévisible d'éléments de cellules de tableau, peut du CSS pur soit utilisé pour établir des largeurs égales pour ces cellules quel que soit le contenu variable tailles ?

Réponse :

Oui, c'est possible en utilisant les déclarations CSS suivantes :

<code class="css">div {
  display: table;
  width: 250px;
  table-layout: fixed;
}

div > div {
  display: table-cell;
  width: 2%; /* or 100% if preferred */
}</code>

Cette solution introduit table-layout : fixe ;, qui, en combinaison avec une largeur spécifiée pour chaque cellule (2% dans cet exemple), déclenche un algorithme de tableau spécifique qui s'efforce de respecter les dimensions désignées. Gardez à l'esprit que Safari 6 sur OS X peut afficher des résultats différents en raison de son implémentation non standard de table-layout:fixed;.

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!