Flex
flex
est une nouvelle valeur ajoutée à la propriété CSS display
. De même qu'inline-flex
, elle transforme l'élément auquel elle s'applique en un conteneur flexible et les enfants de l'élément en éléments flexible. Les éléments participent alors à la mise en page flexible, et toutes les propriétés définies dans le module de mise en page de boîte flexible CSS peuvent être appliquées.
La propriété flex
est un raccourci pour les propriétés flex-grow
, flex-shrink
et flex-basis
.
De plus <flex>
peut se référer à une longueur flexible dans une grille de mise en page CSS.
Voir aussi
Références de la propriété
En lire plus
- CSS Flexible Box Layout Module Level 1 Specification (en)
- Guide Flexbox CSS : Les concepts de base pour flexbox
- Guide Flexbox CSS : Les liens entre flexbox et les autres méthodes de disposition
- Guide Flexbox CSS : Aligner des éléments dans un conteneur flexible
- Guide Flexbox CSS : Ordonner les éléments flexibles
- Guide Flexbox CSS : Contrôler les proportions des boîtes flexibles le long de l'axe principal
- Guide Flexbox CSS : Maîtriser le passage à la ligne des éléments flexibles
- Guide Flexbox CSS : Cas d'utilisation classiques de flexbox