好,所以我的博客的侧边栏中有这个标签云:
<div id="tags" class="widget clearfix">
<h4 class="highlight-me">Nuage de tags</h4>
<div class="tagcloud ">
{% for tag, occurence in tags %}
<a style="zoom: {{ 1 + (occurence - 1) * 0.25 }}" href="#">{{ tag }}</a>
{% endfor %}
</div>
</div>
在所有博客文章中,tags
排列在一起,标记的labels作为key,<作为values。目标是标记显示的越多,显示的越大(使用zoom:
CSS内联声明)。
1 + (x - 1) * 0.25
。这样,唯一标签具有1
缩放,两次的标签为1.25
,三次的标签为1.50
,1.75
等。此公式通过外观将0.25
添加到CSS的值中缩放声明以线性方式
。只要超过3或4篇文章中没有使用标签,这是可以接受的。但是当我在博客中有50篇以上的文章时,这将不再被接受。我不希望最受欢迎的标签占用太多空间。例如,用6.75
缩放显示标签,如果在23篇文章中使用,情况将是不可接受的。将使缩放增长不再线性的公式是什么?
谢谢!