¿Escalar varias imágenes para encajar en línea en un div?

Question

¿Existe una manera eficiente de escalar varias imágenes para que puedan caber en línea dentro de un div de tamaño fijo?

Supongo que sería posible hacerlo usando JavaScript para calcular el ancho de división, dividirlo por el número de imágenes (excluyendo el relleno) y luego cambiar el tamaño de las imágenes por igual para mantener su relación de aspecto, pero espero que haya es una mejor manera de hacerlo.

Answer 1

Si conoce el tamaño del div de antemano, puede establecer el ancho de las imágenes en las etiquetas en su HTML o usando una regla CSS. Si no conoce el tamaño del div, pero conoce el número de imágenes esperadas, puede establecer el ancho de cada imagen en un porcentaje (100 / número de imágenes). Si declara solo el ancho, el navegador conservará la relación de aspecto de las imágenes.