php – 设计不同种类的标签云

前端之家收集整理的这篇文章主要介绍了php – 设计不同种类的标签云前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
而不是拥有一大堆不同大小的链接,我希望所有标签的大小都相同.但是,我的目标是尽量减少使用云所需的空间,也就是减少所使用的行数.

举个例子:

看起来像任何正常的标签云.然而,看看’roughdiamond’标签周围的所有额外的空间,可以在底部附近被诸如“石头”等其他标签填充,这可以有效地消除云中的整条额外线.

在开始新行之前,我将如何获得这些单词填补他们之上的任何空间?我不是在说重组它们来找到所需的绝对最小行数.如果我通过图像列表,“吊坠”,“嚎叫”和“igrice”将会排到第1行,“roughdiamond”将进入第2行,因为第1行已满,“电气石”将去第3行,因为它不能适合第1行或第2行,与“emberald”相同,但是“珍珠”将转到第2行,因为它可以适合那里,因为有额外的空间.我认为在CSS中可能会有一些方法,这样做只会使链接崩溃成可以适应的任何可填充空间.

我怀疑这在CSS中是可能的,因为这需要具体的计算来最优化地重新排列这些单词.

您实际想要解决的问题是二维bin packing问题与容量相同的大小和可变大小的项目.

this answer年提到的关于垃圾桶包装的问题,将物品从最大到最小排列,然后在较大的物体之间拟合较小的字通常会产生相当好的近似值.您将不得不尝试使用您将要使用的单词类型,以确定这是否适用于您(他的方法可能会导致许多小文字分组在云底部).

原文链接:https://www.f2er.com/php/131554.html

猜你在找的PHP相关文章