Flex elementų lygiavimas pagal tėvinį elementą su tarpais

Reikšmė space-around savyje justify-content nustato pirmajam ir paskutiniam flex elementams atstumą nuo tėvinio elemento krašto.

Iš pirmo žvilgsnio gali atrodyti, kad atstumai tarp elementų ir tarp kraštinių elementų ir tėvinio elemento bus lygūs, tačiau taip nėra - atstumas tarp elementų bus 2 kartus didesnis nei tarp tėvinio elemento ir kraštinio elemento.

Pažiūrėkime pavyzdį:

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

Kodo vykdymo rezultatas: