Alignement des lignes d'items sur l'axe secondaire
Groupées au début, au milieu ou à la fin : flex-start
,
center
, flex-end
- Premier
- C'est mon deuxième item qui est vraiment long
- Troisième
- C'est mon quatrième item
- Cinquième
- Premier
- C'est mon deuxième item qui est vraiment long
- Troisième
- C'est mon quatrième item
- Cinquième
- Premier
- C'est mon deuxième item qui est vraiment long
- Troisième
- C'est mon quatrième item
- Cinquième
Régulièrement espacées : space-between
- Premier
- C'est mon deuxième item qui est vraiment long
- Troisième
- C'est mon quatrième item
- Cinquième
Centrées et régulièrement espacées : space-around
et space-evenly
- Premier
- C'est mon deuxième item qui est vraiment long
- Troisième
- C'est mon quatrième item
- Cinquième
- Premier
- C'est mon deuxième item qui est vraiment long
- Troisième
- C'est mon quatrième item
- Cinquième
Étirées pour occuper l'espace : stretch
- Premier
- C'est mon deuxième item qui est vraiment long
- Troisième
- C'est mon quatrième item
- Cinquième