Flex-elementtien tasaus vanhempaelementin kanssa marginaaleilla

Arvo space-around ominaisuudessa justify-content asettaa ensimmäiselle ja viimeiselle flex-elementille marginaalin vanhempaelementin reunasta.

Ensi silmäyksellä saattaa vaikuttaa, että etäisyys elementtien välillä sekä reunaelementtien ja vanhempaelementin välillä ovat yhtä suuret, mutta näin ei ole - elementtien välinen etäisyys on 2 kertaa suurempi kuin vanhempaelementin ja reunaelementin välillä.

Katsotaanpa esimerkkiä:

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

Koodin suorituksen tulos: