Flex-elementtien tasaus CSS:ssä vanhempielementin suhteen

Arvo space-between, joka on asetettu ominaisuuteen justify-content, mahdollistaa elementtien tasaisen jakautumisen vanhempielementin suhteen. Samalla niiden välinen etäisyys lasketaan automaattisesti. Ensimmäinen elementti painuu vasempaan reunaan ja viimeinen - oikeaan reunaan.

Katsotaanpa esimerkkiä:

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

Koodin suorituksen tulos: