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ä:
.parent {
display: flex;
justify-content: space-around;
}
Koodin suorituksen tulos:
