Flexbox
Flexbox (qu'on peut traduire par « boîte flexible ») est le nom communément utilisé pour le module de mise en page des boîtes flexibles CSS, un modèle de disposition pour afficher des éléments dans une seule dimension, comme une ligne ou une colonne.
Dans la spécification, flexbox est décrite comme un modèle de disposition pour aider à la conception d'une interface utilisateur. L'intérêt principal des boîtes flexibles est qu'elles permettent aux éléments à l'intérieur de s'agrandir ou de rétrécir en fonction de l'espace disponible. L'espace peut être distribué pour les éléments ou servir à leur espacement.
Flexbox permet également l'alignement des éléments sur l'axe principal ou transversal, offrant ainsi un niveau de contrôle sur la taille et l'alignement d'un groupe d'éléments.
Voir aussi
Propriétés CSS correspondantes
Lectures complémentaires
- Chapitres du guide sur les boîtes flexibles :
- Concepts élémentaires des boîtes flexibles
- Liens entre le module des boîtes flexibles et les autres méthodes de disposition
- Alignement des objets au sein d'un conteneur flexible
- Ordonner les éléments flexibles
- Contrôler les proportions des éléments flexibles le long de l'axe principal
- Maîtriser le passage à la ligne des éléments flexibles
- Cas d'usages principaux pour les boîtes flexibles