生成砌体布局，然后对其应用重力
Generate a masonry layout and then apply gravity to it
这是一个我一直在绞尽脑汁的奇怪问题。
我想做两件事，顺序是：
从 div、img 或其他列表生成砖石风格的布局。这些将使用图像，但它们可以是背景图像，在 div 中，或其他一些有效的方法。这可以是纯 CSS 或 jquery 插件。
生成网格后，将基于物理的插件（如“.throwable”）应用到个体 divs/objects。这些物体会相互落下，但总体上会保留它们的结构，就像您在《愤怒的小鸟》或其他游戏中看到的那样。
这里的目标是粘贴一个 div 列表，让 jquery 插件甚至纯 CSS 自动找出如何对齐它们，然后将重力应用于砌体网格。
我反复 运行 遇到的问题是生成了砌体网格...但是当我对其应用物理系统时，各个对象会弹回到不同的位置。我认为砌体希望它们为 "relative" 而物理系统希望它们为 "absolute"？不确定...
如果有人想了解我的尝试，我在这里有我最近尝试的粗略版本：http://cssdeck.com/labs/full/f5dm0zv8
Jasper 的回复暗示了解决方案，但我不确定为什么这次对我来说似乎有效。我尝试了多个基于 javascript/jquery 的砌体插件，但没有任何效果。我最终尝试了“http://masonry.desandro.com/methods.html" and it ended up working for me. I thought I had tried this one already - maybe not? Anyways, I have a more or less working example here, but new issues have arisen: http://output.jsbin.com/runewidapi/2/
这是一个我一直在绞尽脑汁的奇怪问题。
我想做两件事，顺序是：
从 div、img 或其他列表生成砖石风格的布局。这些将使用图像，但它们可以是背景图像，在 div 中，或其他一些有效的方法。这可以是纯 CSS 或 jquery 插件。
生成网格后，将基于物理的插件（如“.throwable”）应用到个体 divs/objects。这些物体会相互落下，但总体上会保留它们的结构，就像您在《愤怒的小鸟》或其他游戏中看到的那样。
这里的目标是粘贴一个 div 列表，让 jquery 插件甚至纯 CSS 自动找出如何对齐它们，然后将重力应用于砌体网格。
我反复 运行 遇到的问题是生成了砌体网格...但是当我对其应用物理系统时，各个对象会弹回到不同的位置。我认为砌体希望它们为 "relative" 而物理系统希望它们为 "absolute"？不确定...
如果有人想了解我的尝试，我在这里有我最近尝试的粗略版本：http://cssdeck.com/labs/full/f5dm0zv8
Jasper 的回复暗示了解决方案，但我不确定为什么这次对我来说似乎有效。我尝试了多个基于 javascript/jquery 的砌体插件，但没有任何效果。我最终尝试了“http://masonry.desandro.com/methods.html" and it ended up working for me. I thought I had tried this one already - maybe not? Anyways, I have a more or less working example here, but new issues have arisen: http://output.jsbin.com/runewidapi/2/