javascript - 用照片填充固定尺寸的 div

Question

我真的很挣扎。
我有一个具有固定尺寸(高度和宽度)的 div。
我想要填充 div 的照片数量未定。它们的尺寸各不相同。只要保持纵横比，就可以调整它们的大小。
我想了解填充 div 的最佳方式，以便理想情况下所有照片都能放入其中，并且“空白”或间隙最少。实际上，我更喜欢 div 之外的最小“泄漏”，而不是间隙。
到目前为止，我已经尝试了很多方法(砖石、google+ 风格、简单的 css)，但我无法想出令人满意的解决方案。

编辑:
经过更多研究后，我发现我正在寻找的实际上非常接近 packing problem ，但我发现的最接近的问题是“将不同的矩形打包在一个矩形中”，并且我需要一个解决方案来“将不同的矩形打包在一个特定纵横比的矩形中”。

世界上有数学天才吗？

Answer 1

这就是我用的..

HTML:

<img id="myImage" src="" style="max-height:100%; max-width:100%" />

JavaScript:

document.getElementById("myImage").src = imageName;

希望有帮助...:)