绝对div定位算法

时间:2010-12-25 18:39:57

标签: javascript jquery algorithm

在利用尽可能多的空间的同时,在屏幕上放置具有不同大小的多个div的最佳方法是什么。它必须得到每个div的宽度和高度,并决定最佳的安排,如拼图。

2 个答案:

答案 0 :(得分:1)

如果您愿意使用插件,请查看jQuery Masonry。如果您想尝试自己编写代码,Masonry source code可能会给您一些想法。

答案 1 :(得分:0)

设置一个数组,其大小为div(getAttribute();'width'和'height',

获取浏览器窗口的大小,

遍历div数组,取相同高度的div并添加宽度,

如果你到达浏览器窗口的宽度,添加它们,否则取最近的数字并添加它们。

在你用完相同高度的div时,找到相同宽度的div并垂直添加它们,如果你可以将它放在窗口的其余部分。 (不要忘记缩小浏览器窗口变量)

这将从左上角填充窗口并向右下方工作。

最后当你只剩下'奇数'div时,只需添加最大的宽度和高度,然后按下去。