Sobes.tech
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és top, 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-count et column-width.