在利用尽可能多的空间的同时,在屏幕上放置具有不同大小的多个div的最佳方法是什么。它必须得到每个div的宽度和高度,并决定最佳的安排,如拼图。
答案 0 :(得分:1)
如果您愿意使用插件,请查看jQuery Masonry。如果您想尝试自己编写代码,Masonry source code可能会给您一些想法。
答案 1 :(得分:0)
设置一个数组,其大小为div(getAttribute();'width'和'height',
获取浏览器窗口的大小,
遍历div数组,取相同高度的div并添加宽度,
如果你到达浏览器窗口的宽度,添加它们,否则取最近的数字并添加它们。
在你用完相同高度的div时,找到相同宽度的div并垂直添加它们,如果你可以将它放在窗口的其余部分。 (不要忘记缩小浏览器窗口变量)
这将从左上角填充窗口并向右下方工作。
最后当你只剩下'奇数'div时,只需添加最大的宽度和高度,然后按下去。