Выраўноўванне флекс элементаў па бацькоўскім элеменце ў CSS

Значэнне space-between, зададзенае ў уласцівасці justify-content, дазваляе раўнамерна размеркаваць элементы па бацькоўскім элеменце. Пры гэтым адлегласць паміж імі разлічваецца аўтаматычна. Першы элемент будзе прыціснуты да левага краю, а апошні - да правага.

Давайте паглядзім на прыкладзе:

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

Вынік выканання кода: