Масштабирование нескольких изображений для встраивания в div?

Question

Есть ли эффективный способ масштабирования нескольких изображений, чтобы они могли поместиться в линию внутри div фиксированного размера?

Я предполагаю, что это можно было бы сделать, используя javascript для вычисления ширины div, разделив ее на количество изображений (исключая отступы), а затем изменив размер изображения в равной степени, чтобы сохранить их соотношение сторон, но я надеюсь, что там это лучший способ сделать это.

Answer 1

Если вы заранее знаете размер div, вы можете установить ширину изображений для тегов в вашем HTML или используя правило CSS. Если вы не знаете размер div, но знаете, сколько изображений вы ожидаете, вы можете установить ширину каждого изображения в процентах (100 / количество изображений). Если вы объявите только ширину, браузер сохранит пропорции изображений.