Flex elemek igazítása a szülőhöz margókkal

A space-around érték a justify-content tulajdonságban margót ad az első és az utolsó flex elemnek a szülő szélétől.

Első pillantásra úgy tűnhet, hogy a távolság az elemek között és a szélső elemek és a szülő között egyenlő lesz, azonban ez nem így van - az elemek közötti távolság 2 alkalommal nagyobb lesz, mint a szülő és a szélső elem között.

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

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

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