@KeeVeeG

Как не растягивать элементы в последней строке flex?

Здравствуйте, имеются flex элементы. В последней строке элементы растягиваются на всю строку.
F0WuqDLJ.jpg?download=1&name=%D0%A1%D0%BA%D1%80%D0%B8%D0%BD%D1%88%D0%BE%D1%82%2006-03-2021%2022:55:09.jpg
Есть ли возможность сделать так?
X2cQhAE9.jpg?download=1&name=%D0%A1%D0%BA%D1%80%D0%B8%D0%BD%D1%88%D0%BE%D1%82%2006-03-2021%2022:56:07.jpg
  • Вопрос задан
  • 75 просмотров
Пригласить эксперта
Ответы на вопрос 2
@ploskost
родителю задайте:
justify-content: flex-start;
https://jsfiddle.net/oypgxhnc

И в качестве справочника можете сохранить: https://yoksel.github.io/flex-cheatsheet/
Ответ написан
@lkalktus
Тут бы код поглядеть. Флекс элемент сам по себе так не растянется.
Похоже что у Вас, для последних двух элементов, выставлена ширина 50%.
В общем случае выглядит так:
.parent {
	display: flex;
	flex-wrap: wrap; 
	justify-content: flex-start;
} 
.children {
	flex: 0 1 33.333%;
}

Всё элементы будут занимать 33.333% ширины.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы