Javascript 是否在标记云结构中定位div而不重叠？

我想知道是否有人能帮忙

我需要建立一个系统，将数字从数组中提取出来，并以云状模式（一系列不同大小和颜色）显示它们。我很难理解如何构建一个系统来创建div，这样它们就不会重叠并形成一个很好的紧凑结构。任何指点都很好

---

模拟：

我想你应该看看周围的一些标记云生成机制，看看它们是如何做生意的。

我想你应该看看周围的一些标记云生成机制，看看它们是如何做生意的。

这不是CSS中的目的吗

---

我可以想象，设置1-px的全方位边距将确保每个div与另一个div之间的距离不小于一个像素。

这不是CSS中的目的吗

---

我可以想象，设置1-px的全方位边距将确保每个div与另一个div之间的距离不小于一个像素。

您好，我已经完成了，但我发现没有一个div可以在使元素彼此更接近方面起到任何作用，因此从类型上看，它在视觉上看起来更好。我会继续挖掘，如果我尝试这样做，我会先在divs上使用边距、填充、行距和字母间距CSS属性。嗨，我已经做了，但是我找不到任何东西可以使元素彼此更接近，从而在视觉上看起来更好。我会继续挖掘，如果我尝试这样做，我会先在div上使用margin、padding、line height和letter space CSS属性。问题是每个标记的随机位置、间距和大小。CSS仍然非常以网格为中心。看着他的模型，想想盒子里的每个标签。所有这些间隙和重叠都很难单独在CSS中实现，问题是每个标记的随机位置、间距和大小。CSS仍然非常以网格为中心。看着他的模型，想想盒子里的每个标签。所有这些差距和重叠的结果都很难在CSS中单独实现。