Alignement des éléments flex par rapport au parent en CSS

La valeur space-between, définie dans la propriété justify-content, permet de répartir uniformément les éléments par rapport au parent. Dans ce cas, l'espace entre eux est calculé automatiquement. Le premier élément sera aligné sur le bord gauche, et le dernier - sur le bord droit.

Regardons un exemple :

css.parent {
  display: flex;
  justify-content: space-between;
}

Résultat de l'exécution du code :