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

Question

[KeeVeeG]

Здравствуйте, имеются flex элементы. В последней строке элементы растягиваются на всю строку.

Есть ли возможность сделать так?

Comments

[Ankhena]

Либо замените на гриды либо используйте хак с пустыми элементами или псевдоэлементами (зависит от возможного количества) либо js

[Rustam Bainazarov]

Задать им размер? Выложите код.

[KeeVeeG]

Ankhena, по итогу так и сделал

[Ankhena]

KeeVeeG, если элементов не больше 3 в ряд, то достаточно 2х псевдоэлементов, городить ради этого скрипт...

[Rustam Bainazarov]

KeeVeeG, LMAO, ну и костыль.

Зачем это нужно, когда это делается очень просто? Пример двух сеток с разным количеством элементов в последнем ряду. Flex-grow и flex-shrink равны 0.

Answer 1

[lkalktus]

Тут бы код поглядеть. Флекс элемент сам по себе так не растянется.
Похоже что у Вас, для последних двух элементов, выставлена ширина 50%.
В общем случае выглядит так:

.parent {
	display: flex;
	flex-wrap: wrap; 
	justify-content: flex-start;
} 
.children {
	flex: 0 1 33.333%;
}

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