给定一组具有不同宽度和高度的图像,比如 50 张,如何以编程方式以有趣*抽象的方式排列它们? (见下图)
- 我的意思是有趣,没有大的间隙,也没有容易区分的行或列(负空间形成很多 T 形交叉点)。
对于我的具体情况,所有图像的最大尺寸都设置为 150 像素,这可能意味着高度或宽度的最大值为 150 像素(可以是 150 像素 x 450 像素,或 378 像素 x 150 像素)。
这似乎是一个经典的编程挑战,但我发现这个主题很难用 Google 搜索...
编辑:更改图像以显示对整体布置必须如何没有限制(不必适合设定区域内)
最佳答案
如果你不反对jquery插件,你可以看看这个-http://masonry.desandro.com/
关于algorithm - 以编程方式以抽象方式无间隙地排列矩形 UI 对象,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9297022/