Belyning van fleks elemente volgens ouer met insparings
Die waarde space-around in die eienskap justify-content gee
die eerste en laaste fleks elemente 'n insparing
van die rand van die ouer.
Met die eerste oogopslag mag dit lyk of die afstand
tussen elemente en tussen die buitenste elemente
en die ouer gelyk sal wees, maar dit is nie so nie
- die afstand tussen elemente sal 2
keer groter wees as tussen die ouer en die buitenste
element.
Laat ons na 'n voorbeeld kyk:
.parent {
display: flex;
justify-content: space-around;
}
Resultaat van die kode-uitvoering: