@korner-brazers

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

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

fd24e195.png

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

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

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

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

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

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