Выровнять нижние блоки на flexbox

bzzi

Местный житель
Регистрация
5 Мар 2016
Сообщения
161
Реакции
20
Всем привет! Верстаю список товаров на flexbox. Все товары идут в 3 колонки, их выровнял свойством justify-content: space-around; - очень круто, все устраивает как они стоят в ряд, кроме нижней (последней) строки т.е. если блоков, например, 7, то выравнивание по центру уже не нужно, нужно чтоб они и дальше шли ровно в ряд друг под другом т.е. как бы применить на последнюю строку "justify-content: flex-start", но при этом чтобы расстояние между блоками было одинаково.

Подскажите пожалуйста как грамотнее это сделать?
Для просмотра ссылки Войди или Зарегистрируйся

Если блоков 9, 12 и т.д. то как бы устраивает
 
Здесь тогда только один вариант задаем justify-content: flex-start и ширину блоков например для 3-x в ряд calc(33.3% - 10px) задаем отступ margin-right:10px;
И у каждого 3-го блока убираем отступ margin-right
 
Назад
Сверху