Html 如何制作<;部门>;大x倍?但不是线性的更大,它必须停止
好的,我在博客的侧栏中有一个标签云:Html 如何制作<;部门>;大x倍?但不是线性的更大,它必须停止,html,css,math,zooming,Html,Css,Math,Zooming,好的,我在博客的侧栏中有一个标签云: <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
<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>
Nuage de tags
{%用于标记,出现在标记%}
{%endfor%}
tags
是一个数组,标签的标签为key,所有博客文章的出现次数为值。目标是标记显示的越多,显示的越大(使用zoom:
CSS内联声明)
因此,我提出的公式是:1+(x-1)*0.25
。这样,唯一的标记有一个1
缩放,两次的标记是1.25
,三次的标记是1.50
,1.75
,等等。这个公式以线性方式将0.25
的外观添加到CSS缩放声明的值
这是可以接受的,只要在超过3或4篇文章中没有使用标签。但当我在博客上写了50多篇文章时,这将不再是可以接受的。我不希望最流行的标签占用太多空间。例如,如果23篇文章中使用的标签不可接受,则会显示带有6.75
缩放的标签
让缩放增长不再是线性的公式是什么
谢谢 我不知道你到底可以做什么 但从数学上讲,speeking似乎能得到你想要的精确值:
y=arctan(x/4)+1
总是在上升,越来越少地上升,朝着无限的方向,等等
还要注意的是,如果您无法访问适当的数学函数,您的问题(考虑到您的约束条件)可能没有解决方案。我不知道您是否被“允许”做什么 但从数学上讲,speeking似乎能得到你想要的精确值:
y=arctan(x/4)+1
总是在上升,越来越少地上升,朝着无限的方向,等等
还要注意的是,如果您无法访问适当的数学函数,您的问题(考虑到您的约束)可能没有解决方案。为什么不使用字体大小?@G-Cyr>问题不在于使用哪种CSS,而是为了使值不呈线性增长而计算什么数字。我不希望大多数流行的标签占用太多空间。可能不是Firefox用户的最佳选择;)可以使用最大值。添加一些rem是一种公共方式,在任何地方都有效。@G-Cyr>我意识到
zoom
CSS声明的不可接受性,当我对这件事进行排序时,我打算做些别的事情。你的建议是什么?为什么不使用字体大小?@G-Cyr>问题不在于使用哪种CSS,而是要计算什么数字,以使值不呈线性增长。我不希望大多数流行的标签占用太多空间。可能不是Firefox用户的最佳选择;)可以使用最大值。添加一些rem是一种公共方式,在任何地方都有效。@G-Cyr>我意识到zoom
CSS声明的不可接受性,当我对这件事进行排序时,我打算做些别的事情。你的建议是什么?我正在使用PHP(Symfony+Twig),我设法使用tan()
PHP函数来设置你的建议。非常感谢!我正在使用PHP(Symfony+Twig),我设法使用tan()
PHP函数来设置您所建议的内容。非常感谢!