Javascript 缩放多个图像以适应一个div?

Javascript 缩放多个图像以适应一个div?,javascript,image,html,inline,scale,Javascript,Image,Html,Inline,Scale,是否有一种有效的方法来缩放大量图像,以便它们可以内嵌到固定大小的div中 我假设可以使用javascript计算div宽度,将其除以图像数量(不包括填充),然后平均调整图像大小以保持其纵横比,但我希望有更好的方法。如果您事先知道div的大小,您可以在HTML中或使用CSS规则设置标记上图像的宽度。如果不知道div的大小,但知道预期的图像数,可以将每个图像的宽度设置为百分比(100/图像数)。如果仅声明宽度,浏览器将保留图像的纵横比。您希望DIV中只有一行图像,还是多行图像?后者更复杂。图像的宽度

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


我假设可以使用javascript计算div宽度,将其除以图像数量(不包括填充),然后平均调整图像大小以保持其纵横比,但我希望有更好的方法。如果您事先知道div的大小,您可以在HTML中或使用CSS规则设置标记上图像的宽度。如果不知道div的大小,但知道预期的图像数,可以将每个图像的宽度设置为百分比(100/图像数)。如果仅声明宽度,浏览器将保留图像的纵横比。

您希望DIV中只有一行图像,还是多行图像?后者更复杂。图像的宽度是否都相同?