自動調整字體大小以適應容器

Question

我有一個固定寬度的div的定義樣式，div中的文本可以有不同的長度，如this example。有什麼方法可以使用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"}); 

});​