自动在元素上设置字体大小的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');
        }
    });
});

对我来说很棒!