We're looking for a user researcher to understand the needs of developers and designers. Is this you or someone you know? Check out the post: https://mzl.la/2IGzdXS

Aller à :

L'axe principal d'une flexbox est déterminé par la direction définie dans la propriété flex-direction. Il y a 4 valeurs possibles pour flex-direction. Ce sont :

  • row (ligne)
  • row-reverse
  • column (colonne)
  • column-reverse

Si vous choisissez row ou row-reverse votre axe principal passera alors le long de la ligne dans le sens de la direction définie.

In this image the flex-direction is row which forms the main axis

Choisissez column ou column-reverse et votre axe principal parcourt du début au pied de la page dans la direction du bloc.

Sur l'axe principal, vous pouvez contrôler le dimensionnement des éléments flexibles en ajoutant tout espace disponible aux éléments eux-mêmes, par le biais des propriétés flex sur les éléments. Ou, vous pouvez contrôler l'espace entre et autour des éléments en utilisant la propriété justify-content.

En apprendre plus

Références de la propriété

En lire plus

Étiquettes et contributeurs liés au document

Étiquettes : 
Contributeurs à cette page : loella16
Dernière mise à jour par : loella16,