javascript - 定位多个随机大小的绝对定位元素，使它们不重叠

Question

好吧，我需要能够在页面上放置一堆随机大小的绝对定位词，但我不希望任何元素重叠。

最终目标是拥有响应用户交互的流畅词云(还记得 Google Balls Doodle 吗？)。我真的很想从头开始构建它，以加深我对此类开发的理解。该部门的任何帮助也将不胜感激:)

Answer 1

我不确定您是否也想将单词随机放置在容器中，但我已经写了一个 fiddle 来做到这一点。如果您愿意，可以修改代码以将一个词放在另一个词之后。我认为关键部分是检查是否存在碰撞的方法。

参见 http://jsfiddle.net/fZtdt/13/

编辑:请注意，这是非常简单且未优化的代码。例如，如果您要添加很多单词，脚本可能无法将所有单词放入容器中，从而陷入无限循环。