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:

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

Resultaat van die kode-uitvoering: