Uitlijning van flex elementen langs de ouder in CSS

De waarde space-between, ingesteld in de eigenschap justify-content, maakt het mogelijk om elementen gelijkmatig te verdelen langs de ouder. De afstand tussen hen wordt automatisch berekend. Het eerste element wordt tegen de linkerrand aangedrukt, en het laatste - tegen de rechterrand.

Laten we naar een voorbeeld kijken:

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

Resultaat van de code: