生成砌体布局，然后将重力应用于它

Question

这是我一直在努力的奇怪的。

我想按顺序做两件事：

1. 从DIV，IMGS或其他任何列表中生成砌体风格的布局。这些将利用图像，但它们可以是在DIV中的背景图像，也可以是其他有效的方法。这可以是纯CSS或jQuery插件。

2. 生成了网格后，将基于物理的插件（例如"可感动"）应用于单个divs/对象。这些物体会彼此落下，但总体上保留了它们的结构，就像您在愤怒的小鸟或其他地方看到的一样。

这里的目标是粘贴DIV列表，让jQuery插件甚至纯CSS自动弄清楚如何对齐它们，然后将重力应用于砌体网格。

我一遍又一遍地遇到的问题是生成了砌体网格...但是当我将物理系统应用到它时，单个对象将其扣回另一个位置。我认为砌体希望它们成为"相对"，而物理系统则希望它们以"绝对"？不确定...

如果有人想了解我的尝试：http：//cssdeck.com/labs/labs/full/f5dm0zv8

Answer 1

贾斯珀（Jasper）的答复暗示了解决方案，尽管我不确定为什么这次似乎对我有用。我尝试了多个基于JavaScript/JQuery的砌体插件，但没有任何效果。我最终尝试了" http://masonry.desandro.com/methods.html"，最终为我工作。我以为我已经尝试过这个 - 也许不是吗？无论如何，我在这里有一个或多或少的工作示例，但是出现了新问题：http：//output.jsbin.com/runewidapi/2/