小编典典

放置多个随机大小的,绝对定位的元素,这样它们就不会重叠

css

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

最终目标是拥有一个能够响应用户交互的流畅词云(还记得Google BallsDoodle吗?)。我真的很想从头开始构建它,以加深我对这种类型的开发的理解。在这个部门的任何帮助也将不胜感激:)


阅读 600

收藏
2020-05-16

共1个答案

小编典典

我不确定您是否还想将这些单词随机放置在容器中,但是我写了一个小提琴来做到这一点。如果需要,您可以修改代码以将一个单词紧挨另一个单词定位。我认为关键部分是检查是否发生碰撞的方法。

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

2020-05-16