Масштабирование нескольких изображений для встраивания в div?
-
10-07-2019 - |
Вопрос
Существует ли эффективный способ масштабирования нескольких изображений, чтобы они могли поместиться внутри встроенного div с фиксированным размером?
Я предполагаю, что это можно было бы сделать, используя javascript для вычисления ширины div, разделив ее на количество изображений (исключая отступы), а затем изменив размер изображения в равной степени, чтобы сохранить их пропорции, но я надеюсь, что там это лучший способ сделать это.
Решение
Если вы заранее знаете размер элемента div, вы можете установить ширину изображений для тегов в HTML-коде или с помощью правила CSS. Если вы не знаете размер div, но знаете, сколько изображений вы ожидаете, вы можете установить ширину каждого изображения в процентах (100 / количество изображений). Если вы объявите только ширину, браузер сохранит пропорции изображений.