如何按文本长度自动更改字体大小

Question

我正在制作按钮并且文本有点问题。我希望按钮上的所有文本都具有相同的宽度。我的代码：

<span class="text">SVDFBDFBSFG</span>
<br />
<span class="text">FHEWFG</span>
<br />
<span class="text">SVDFBDFBSFGSGSFBSN</span>

因此文本的长度不一样，但所有按钮的宽度都相同。我需要一些jQuery代码来改变文本长度的字体大小（然后文本更长 - 字体更小），但生成的文本需要100px宽。

Answer 1

这是一个例子。如果我们在100px左右振荡，changes数组就可以找到。如果是，它会破坏字体更改功能

http://jsfiddle.net/wasikuss/xbesnw93/

Answer 2

你可以通过.length属性获得字符串的长度。

所以试试这段代码。

$(".text").each(function(){
    var len= $(this).text().length
    var calculatedSize = //do calculate font size with length
    $(this).css("font-size", calculatedSize)
}