Flex elemek igazítása a szülő elemben CSS-ben

A justify-content tulajdonságnak adott space-between érték lehetővé teszi az elemek egyenletes elosztását a szülő elemben. Eközben a köztük lévő távolság automatikusan számítódik ki. Az első elem a bal széléhez, az utolsó pedig a jobb széléhez igazodik.

Nézzük meg egy példán:

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

A kód végrehajtásának eredménye: