我真的很挣扎。
我有一个固定尺寸(高度和宽度)的div
我想要填充div的照片数量不确定。它们的尺寸各不相同。只要它们保持纵横比,它们就可以调整大小
我想得到一些想法,以便最好的方式填充div,以便理想情况下所有照片都适合它,并且最小的“空白区域”或间隙。我实际上更喜欢div之外的最小“漏洞”
到目前为止,我尝试了很多小巷(砌筑,谷歌+风格,简单的css),但我无法想出令人满意的解决方案。
编辑:
经过一些更多的研究,我发现我正在寻找的实际上非常接近packing problem,但我发现的最接近的问题是“在矩形中包装不同的矩形”,我需要一个'包装'的解决方案矩形中具有特定宽高比的不同矩形。
那里有数学天才吗?
答案 0 :(得分:0)
这就是我用的......
HTML:
<img id="myImage" src="" style="max-height:100%; max-width:100%" />
JavaScript的:
document.getElementById("myImage").src = imageName;
希望它有所帮助...... :)