Obtenir des largeurs automatiques égales pour les DIV côte à côte en CSS
Vous avez un DIV parent HTML contenant plusieurs DIV enfants, et vous souhaitez que les DIV enfants prennent automatiquement des largeurs égales. Vous trouverez ci-dessous une solution qui permet d'y parvenir en utilisant la propriété display: table :
1 2 3 4 5 6 7 8 9 10 11 12 |
|
La propriété display: table pour le DIV parent met en place une structure de type table. La propriété table-layout:fixed garantit que les colonnes (c'est-à-dire les DIV enfants) ont des largeurs fixes. La propriété display: table-cell pour les DIV enfants les place dans les "cellules" du tableau.
Cette solution fonctionne efficacement dans les navigateurs modernes, à l'exception d'IE7. Voici quelques exemples :
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!