0

这是一个奇怪的问题，我一直在绞尽脑汁。

我想按顺序做两件事：

  1. 从 div、img 或其他列表中生成砌体式布局。这些将使用图像，但它们可以是背景图像，在 div 内，或其他一些有效的方法。这可以是纯 CSS 或 jquery 插件。

  2. 生成网格后，将基于物理的插件（如“.throwable”）应用于各个 div/对象。这些物体会相互碰撞，但总体上会保留它们的结构，就像你在愤怒的小鸟或其他东西中看到的那样。

这里的目标是粘贴一个 div 列表，让 jquery 插件甚至纯 CSS 自动找出如何对齐它们，然后将重力应用于砖石网格。

我一遍又一遍地遇到的问题是生成了砌体网格......但是当我对其应用物理系统时，各个对象会迅速回到不同的位置。我认为砌体希望它们是“相对的”，而物理系统希望它们是“绝对的”？没有把握...

如果有人想了解我正在尝试的内容，我在这里有我最新尝试的粗略版本：http: //cssdeck.com/labs/full/f5dm0zv8

4

1 回答 1

0

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

于 2015-06-06T20:10:16.180 回答