Flex-elementide joondamine vanemaelemendiga vahedega

Väärtus space-around omaduses justify-content määrab esimesele ja viimasele flex-elemendile taane vanema servast.

Esmapilgul võib tunduda, et vahemaa elementide vahel ning äärmuslike elementide ja vanema vahel on võrdsed, kuid see ei ole nii - vahemaa elementide vahel on 2 korda suurem kui vanema ja äärmusliku elemendi vahel.

Vaatame näidet:

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

Koodi täitmise tulemus: