【问题标题】:Position divs in a tag cloud structure without overlap?在标签云结构中定位 div 而不重叠?
【发布时间】:2009-02-21 20:02:06
【问题描述】:

我想知道是否有人可以提供帮助。

我需要构建一个系统,从数组中提取数字并以云状图案(一系列不同的大小和颜色)显示它们。我对如何构建一个系统来创建 div 感到困惑,这样它们就不会重叠并形成一个很好的紧凑结构。任何指针都会很棒。

模拟:http://img228.imageshack.us/my.php?image=example.png

【问题讨论】:

    标签: javascript tags tag-cloud


    【解决方案1】:

    我想你应该看看一些到处飞来飞去的标签云生成机制,看看它们是如何开展业务的。

    【讨论】:

    • 您好,我已经完成了,但我找不到任何关于使元素彼此更接近以使其在视觉上更好的排版。不过我会继续挖掘
    • 如果我想这样做,我会先在 div 上使用 margin、padding、line-height 和 letter-spacing CSS 属性。
    【解决方案2】:

    这不是 CSS 中 margin 的用途吗?

    我应该想象设置一个 1-px 的全方位边距将确保没有一个 div 小于另一个 div。

    【讨论】:

    • 问题在于每个标签的随机放置、间距和大小。 CSS 仍然非常以网格为中心。看着他的模型,想想每个标签都装在一个盒子里。仅在 CSS 中就很难解决所有这些导致的差距和重叠。
    猜你喜欢
    • 2013-08-06
    • 1970-01-01
    • 1970-01-01
    • 2020-06-13
    • 2011-06-01
    • 1970-01-01
    • 2018-01-05
    • 2020-06-16
    • 2021-09-29
    相关资源
    最近更新 更多