Junior
Quelles dispositions CSS connais-tu?
sobes.tech IA
Réponse de l'IA
- Flexbox : Système unidimensionnel pour aligner les éléments dans un conteneur selon un seul axe (horizontal ou vertical). Idéal pour de petites composantes et pour aligner des éléments à l’intérieur d’un bloc.
- Grid Layout : Système bidimensionnel pour créer des grilles complexes sur une page. Permet de gérer facilement la disposition des éléments en lignes et en colonnes. Parfait pour la mise en page principale.
- Block Layout : Comportement standard des éléments en bloc par défaut. Les éléments occupent toute la largeur disponible et se placent les uns sous les autres.
- Inline Layout : Les éléments sont placés sur une seule ligne, occupant une largeur égale à leur contenu.
- Positioned Layout : Permet de positionner des éléments par rapport à leur position normale, à l’élément parent ou à la fenêtre d’affichage en utilisant
position(static, relative, absolute, fixed, sticky) et les propriétéstop,right,bottom,left. - Table Layout : Recrée le comportement des éléments de tableau (
display: table,display: table-cell, etc.). Moins utilisé que Grid ou Flexbox, pour créer des structures tabulaires. - Multi-column Layout : Permet de diviser le contenu d’un conteneur en plusieurs colonnes, comme dans un journal. Contrôlé par les propriétés
column-countetcolumn-width.