@korner-brazers

Как запретить растягивание контента display:flex?

Прошу помощи, столкнулся вот с такой проблемой

fd24e195.png

Аватарки растягивают контент, из за чего появляется нижний скролл, сами аватарки поместил в контейнер display: flex и выравнивание по центру, так как заказчик сказал что-бы аватарки появлялись из центра.

Ранее также сталкивался с этой проблемой, но тогда решалось путем overflow: hidden у родителей, на сей раз такое не катит так как у родителя есть тень.

Собственно вопрос, как запретить растягивание контента у display: flex?

Страница для наглядности https://profi.ngens.ru/unk/dist/index.html
  • Вопрос задан
  • 114 просмотров
Пригласить эксперта
Ответы на вопрос 2
northfire
@northfire
ну учитывая что по дефаулту дисплей флекс - но-врап, то всё верно. тут 2 варианта:
1.ставить врап на родителя и спыпать детей
2. эта строка вообще просто как галерея и на минималках нету новой строки и будет просто или кастомный скролл или стрелки влево\вправо
Ответ написан
SagePtr
@SagePtr
Еда - это святое
Для начала нужно решить, как именно должна выглядеть строка в случае, если элементы не помещаются. Вижу тут несколько вариантов:
1. Переносить на новую строку, новую строку центрировать
2. Переносить на новую строку, но выравнивать слева, если контента не хватает на 2 строки - выравнивать по центру
3. Отображать только то, что влезает в строку
4. Прокручивать.
От этого и плясать
Ответ написан
Ваш ответ на вопрос

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

Войти через TM ID
Похожие вопросы
Wunder Fund Москва
от 60 000 до 80 000 руб.
YLab Тольятти
от 70 000 до 130 000 руб.
Biganto Москва
от 130 000 до 130 000 руб.