缩放多个图像以适合div中的内联？

Question

是否有一种有效的方法来缩放大量图像，以便它们可以在固定大小的div中内嵌？

我假设可以通过使用javascript计算div宽度，除以图像数量（不包括填充），然后平均调整图像大小以保持其宽高比，但我希望是一种更好的方法。

Answer 1

如果您事先知道div的大小，则可以在HTML中或使用CSS规则设置标签上图像的宽度。如果您不知道div的大小，但是您知道预期的图像数量，则可以将每个图像的宽度设置为百分比（100 /图像数量）。如果仅声明宽度，浏览器将保留图像的宽高比。