Underdoggit
@Underdoggit

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

Добрый день уважаемые господа, есть картинки в блоке, они разного размера и прыгают из-за высоты. Подскажите универсальный метод выравнивания их силами css, бутстрапа или флексов, что бы они были все в одну высоту. Или все таки резать их в фотошопе?
5ae18e85ad316944939140.png
  • Вопрос задан
  • 3501 просмотр
Решения вопроса 1
tyukavin_denis
@tyukavin_denis
web developer
попробуй пошаманить с max-height и min-height, при этом width: auto
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
1. Естественно выровнять картинки
2. Есть множество способов но я использую самый простой без использования css и js, все что понадобится это стандартные классы бутстрапа и 2 условия в php вставлять каждый второй и каждый третий элемент див.
Верстка 100% адаптивна и исключает всяческую возможность уплывания контента.
https://www.mydefile.ru/catalog/
5ae1999323328072029497.jpeg
Плюс такого метода очевиден
1. отсутствие лишних классов и медиа запросов
2. 100% совместимость с бутстрап
3. отсутствие js и опять же проблем с адаптивом.
4. Простота создания.
5. стабильность решения.
6. Выравнивание высоты затрагивает только ту линию элементов в которой требуется изменить высоту, не затрагивая остальные элементы
из минусов
реализация на php а не в html хотя учитывая количество логики накрученном на каталоге в коде php добавить пустой див каждый 2 или 3 див это мелочи.
Ответ написан
Ваш ответ на вопрос

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

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