Mode de disposition
Un mode de disposition CSS (layout mode), parfois raccourci en « disposition » est un algorithme qui détermine la position et la taille des boîtes des éléments en fonction des interactions avec leurs voisins et leurs ancêtres.
Il existe plusieurs modes de disposition :
- Disposition en flux ou flux normal
-
Tous les éléments font partie du flux normal jusqu'à ce qu'une propriété les en sorte. Le flux normal inclut :
- Disposition en bloc
-
Conçue pour organiser des boîtes comme les paragraphes.
- Disposition en ligne
-
Conçue pour organiser des éléments en ligne comme le texte.
- Disposition en tableau
-
Conçue pour organiser des tableaux.
- Disposition flottante
-
Conçue pour positionner un élément à gauche ou à droite, le reste du contenu du flux normal s'enroulant autour.
- Disposition positionnée
-
Conçue pour positionner des éléments sans grande interaction avec les autres.
- Disposition en colonnes multiples
-
Conçue pour organiser le contenu en colonnes, comme dans un journal.
- Disposition avec des boîtes flexibles
-
Conçue pour organiser des pages complexes pouvant être redimensionnées facilement.
- Disposition en grille
-
Conçue pour organiser les éléments selon une grille fixe.
Note : Les propriétés CSS ne s'appliquent toutes à tous les modes de disposition. La plupart des propriétés n'ont d'effet que pour un ou deux de ces modes et seront sans effet pour un élément qui s'inscrit dans un autre mode de disposition.