Автоматическая настройка размера шрифта в соответствии с контейнером

Question

У меня есть определенный стиль для div с фиксированной шириной и текстом внутри div может иметь разную длину, как в этом примере. Есть ли какой-либо метод, использующий CSS и / или JS для регулировки размера текста таким образом, чтобы он оставался в пределах контейнера?

Answer 1

Это может работать для вас, попробуйте это

var originalFontSize = 12;

var divWidth = $('.cell').width();

$('.cell span').each(function(){

    var spanWidth = $(this).width();

    var newFontSize = (divWidth/spanWidth) * originalFontSize;

    $(this).css({"font-size" : newFontSize, "line-height" : newFontSize/1.2 + "px"});

});​