Conteneur flexible
Une mise en page flexbox est définie en utilisant les valeurs flex
ou inline-flex
de la propriété display
sur l'élément parent. Cet élément devient alors un conteneur flexible et chacun de ses enfants un élément flexible.
Une valeur flex
fait que l'élément devient un conteneur flexible de niveau bloc et inline-flex
, un conteneur flexible de niveau en ligne. Ces valeurs créent un contexte de mise en forme flexible pour l'élément, qui est similaire à un contexte de mise en forme de bloc dans la mesure où les flottants ne s'introduiront pas dans le conteneur et les marges du conteneur ne s'effondreront pas avec celles des articles.
Voir aussi
Références de la propriété
En lire plus
- Guide Flexbox CSS : Les concepts de base pour flexbox
- Guide Flexbox CSS : Aligner des éléments dans un conteneur flexible
- Guide Flexbox CSS : Maîtriser le passage à la ligne des éléments flexibles