coopernet Réussir son site web et ses applications de la conception à la réalisation

flex-start (par défaut): les éléments sont emballés vers le début de la direction flexible.
flex-end: les articles sont emballés vers la fin de la flexion.
start: les articles sont emballés vers le début de la writing-modedirection.
end: les articles sont emballés vers la fin de la writing-modedirection.
left: les articles sont emballés vers le bord gauche du conteneur, sauf si cela n'a pas de sens avec le flex-direction, alors il se comporte comme start.
right: les articles sont emballés vers le bord droit du conteneur, sauf si cela n'a pas de sens avec le flex-direction, alors il se comporte comme start.
center: les éléments sont centrés le long de la ligne
space-between: les articles sont répartis uniformément dans la ligne; le premier élément est sur la ligne de départ, le dernier élément sur la ligne de fin
space-around: les éléments sont répartis uniformément dans la ligne avec un espace égal autour d'eux. Notez que visuellement les espaces ne sont pas égaux, car tous les éléments ont un espace égal des deux côtés. Le premier élément aura une unité d'espace contre le bord du conteneur, mais deux unités d'espace entre l'élément suivant car cet élément suivant a son propre espacement qui s'applique.
space-evenly: les éléments sont distribués de sorte que l'espacement entre deux éléments (et l'espace sur les bords) soit égal.