Ֆլեքս տարրերի հավասարեցումը ծնողի հետ բացվածքներով

justify-content հատկության մեջ space-around արժեքը առաջին և վերջին ֆլեքս տարրերին տալիս է բացվածք ծնողի եզրից:

Առաջին հայացքից կարող է թվալ, որ հեռավորությունը տարրերի միջև և ծայրահեղ տարրերի և ծնողի միջև հավասար կլինեն, սակայն, դա այդպես չէ - տարրերի միջև հեռավորությունը կլինի 2 անգամ մեծ, քան ծնողի և ծայրահեղ տարրի միջև հեռավորությունը:

Տեսնենք օրինակով.

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

Կոդի կատարման արդյունքը.