如何通過文本長度自動更改字體大小

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