Justering af flex-elementer i forælderen med marginer

Værdien space-around i egenskaben justify-content giver det første og sidste flex-element afstand fra forælderens kant.

Ved første øjekast kan det se ud som om, at afstanden mellem elementerne og mellem de yderste elementer og forælderen vil være ens, men det er ikke tilfældet - afstanden mellem elementerne vil være 2 gange større end mellem forælderen og det yderste element.

Lad os se på et eksempel:

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

Resultatet af koden: