自动在元素上设置字体大小的Javascript，以便文本不会溢出？ （自动调整）

Question

你知道我的意思吗？ 就像我们说的那样：

<div style="width:100px;font-size:10px">Some Text</div>

但是那时我们也可能在div中有一个更长的文本字符串，在这种情况下我希望div具有font-size：7px或者其他什么，这样整个字符串就可以适应而不会溢出。

我确信已经写过这样的东西了，我不想重新发明这个。最好是jQuery插件？

任何建议将不胜感激！感谢

Answer 1

根据Nick的问题提出的答案：

$(function() {
    $(".shrinkByWidth").each(function() {
        var targetWidth = $(this).parent(':first').width();

        if (isNaN(parseInt($(this).css("font-size"))))
            $(this).css("font-size", '24px');

        while ($(this).width() > targetWidth) 
        {
            $(this).css("font-size", (parseInt($(this).css("font-size")) - 1) + 'px');
        }
    });
});

非常适合我！