设计不同类型的标签云

我希望我所有的标签都是相同的尺寸,而不是有一堆大小不同的链接。但是,我的目标是最小化制作云所需的空间量,也就是最小化使用的行数。

举个例子:

看起来像普通的标签云。不过,看看“RoughDiamond”标签周围的所有额外空间,这些空间可以由底部附近的其他标签(如“Stone”)填充,这可以有效地消除云中的整个额外行。

在开始新的一行之前,我该怎么做才能让这些词填满它们上面可能的空间呢?我不是说要重新组织它们以找到所需的绝对最小行数。如果我浏览图片中的列表,“垂饰”、“豪利特”和“伊格丽丝”将进入第1行,将其填满,“粗糙钻石”将进入第2行,因为第1行已满,“电气石”将进入第3行,因为它无法在第1行或第2行上安装,与“灰烬”相同,但“珍珠”将进入第2行,因为它可以在那里安装,因为有额外的空间。我认为在CSS中可能有某种方法可以这样做,只会导致链接折叠到它可以容纳的任何可填充空间。

举个例子:

看起来像普通的标签云。然而,看看“RoughDiamond”标签周围的所有额外空间,它可以由底部附近的“Stone”等其他标签填充,这可以有效地从云中消除整个额外的线条。

在开始新的一行之前,我该怎么做才能让这些词填满它们上面可能的空间呢?我不是说要重新组织它们以找到所需的绝对最小行数。如果我浏览图片中的列表,“垂饰”、“豪利特”和“伊格丽丝”将进入第1行,将其填满,“粗糙钻石”将进入第2行,因为第1行已满,“电气石”将进入第3行,因为它无法在第1行或第2行上安装,与“灰烬”相同,但“珍珠”将进入第2行,因为它可以在那里安装,因为有额外的空间。我想在CSS中可能有某种方法可以做到这一点,它只会导致链接塌陷到它可以容纳的任何可填充空间中。