Страницы

Поиск по вопросам

понедельник, 8 июля 2019 г.

Как прижать элементы к краям родителя вертикально на flex-box

.projects-wrapper{ min-width: 250px; max-width: 250px; min-height: 250px; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; background: grey; } .project-item{ min-width: 100px; min-height: 50px; background: red; }


Здравствуйте, у flex-box есть чудесное свойство justify-content: space-between;, которое прижимает элементы к краям горизонтально. Есть ли что-то подобное, когда надо прижать вертикально? или есть другой способ не flex-box?


Ответ

align-content: space-between;
.projects-wrapper{ min-width: 250px; max-width: 250px; min-height: 250px; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; background: grey; align-content: space-between; } .project-item{ min-width: 100px; min-height: 50px; background: red; }


Комментариев нет:

Отправить комментарий