javascript - 缩放多个图像以适应 div 中的内联？

Question

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

我假设可以通过使用javascript计算div宽度，将其除以图像数量（不包括填充），然后调整图像大小以保持它们的纵横比，但我希望有更好的方法来做到这一点。

Answer 1

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