Uitlijning van flex elementen langs de ouder met marges
De waarde space-around in de eigenschap justify-content geeft
het eerste en laatste flex element een marge
van de rand van de ouder.
Op het eerste gezicht lijkt het misschien dat de afstand
tussen de elementen en tussen de buitenste elementen
en de ouder gelijk zullen zijn, maar dit is niet het geval
- de afstand tussen de elementen zal 2
keer groter zijn dan tussen de ouder en het buitenste
element.
Laten we kijken naar een voorbeeld:
.parent {
display: flex;
justify-content: space-around;
}
Resultaat van de code:
