Comment créer des divisions de largeur égale avec CSS ?

Divs de largeur égale avec CSS

Dans ce scénario, un div parent contient plusieurs divs enfants et vous souhaitez qu'ils aient automatiquement des largeurs égales .

Solution :

Utiliser la puissance de l'affichage : table et table-layout : propriétés CSS corrigées. Cette technique fonctionne dans les navigateurs modernes mais pas dans IE7.

• CSS :

  #wrapper {
      display: table;
      table-layout: fixed;
      width: 90%;
      height: 100px;
      background-color: Gray;
  }
  #wrapper div {
      display: table-cell;
      height: 100px;
  }

• HT ML :

  <div>

Exemple :

Vérifier Découvrez cette démonstration JSFiddle pour les scénarios à trois et deux divs :

• [Deux divs](https://jsfiddle.net/g4dGz/1/)
• [Trois divs]( https://jsfiddle.net/g4dGz/)

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!