自动调整字体大小以适应容器

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"}); 

});​