自动在元素上设置字体大小以使文本不会溢出的 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');
        }
    });
});

非常适合我!