Що робить властивість justify-content?

CSSJunior~1 хв читання

justify-content вирівнює flex-елементи вздовж головної осі (тобто за напрямком flex-direction) усередині flex-контейнера.

Основні значення:

javascript

justify-content: flex-start;   /* притиснути елементи до початку головної осі */
justify-content: flex-end;     /* притиснути до кінця */
justify-content: center;       /* центрувати */
justify-content: space-between;/* рівні проміжки між елементами, без відступів по краях */
justify-content: space-around; /* рівні проміжки навколо кожного елемента */
justify-content: space-evenly; /* рівні проміжки між елементами і краями контейнера */

Головна вісь задається через flex-direction, а justify-content розподіляє елементи вздовж неї.

Коротка відповідь

Для співбесіди

Premium

Коротка відповідь допоможе вам впевнено відповідати на цю тему під час співбесіди.