Выраўноўванне флекс элементаў па бацькоўскім элементе з адступамі
Значэнне space-around у ўласцівасці justify-content задае
першаму і апошняму флекс элементам адступ
ад краю бацькоўскага элемента.
З першага погляду можа здацца, што адлегласць
паміж элементамі і паміж крайнімі элементамі
і бацькоўскім элементам будуць роўныя, аднак, гэта не так
- адлегласць паміж элементамі будзе ў 2
разы большая, чым паміж бацькоўскім элементам і крайнім
элементам.
Паглядзім на прыкладзе:
.parent {
display: flex;
justify-content: space-around;
}
Вынік выканання кода:
