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

Question

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

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

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

Answer 1

这是例子。 changes数组用于查找是否在100px左右振荡。 如果是，则中断字体更改功能

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)
}