Оттуруучу менен флекс элементтерин тегиздөө

justify-content касиетинин space-around мааниси биринчи жана акыркы флекс элементтерине ата-энесинин четинен оттурук берет.

Биринчи көз карашта элементтердин ортосундагы жана чек элементтер менен ата-энесинин ортосундагы аралыктар бирдей болот деп көрүнөт, бирок, бул андай эмес - элементтердин ортосундагы аралык ата-эне менен чек элементтин ортосундагы аралыктан 2 эсе чоң болот.

Мисал менен карап көрөлү:

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

Кодду иштетүүнүн натыйжасы: