Justification des items sur l'axe principal
Groupés 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és : space-between
- Premier
- C'est mon deuxième item qui est vraiment long
- Troisième
- C'est mon quatrième item
- Cinquième
Centrés et régulièrement espacés : 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