的JavaScript元素自动设置字体大小，使文本不会溢出？ （自动调整）(Javascript

你知道我的意思？ 就像我们说我们有：

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

但是，我们也可能会在该分区更长的文本字符串，在这种情况下，我想该div有字体大小：7px的也好，都使整个字符串适合也不会溢出。

我敢肯定有已经是这样写的，我不希望重塑这一点。 优选jQuery插件？

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

Answer 1:

基于对尼克的问题提出了一个答案：

$(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');
        }
    });
});

我的伟大工程！

文章来源: Javascript that automatically sets font-size on element so that text doesn't overflow? (autofit)