我为div
定义了一个固定宽度的样式,div
内的文字可以有不同的长度,例如this example。是否有任何方法使用CSS和/或JS来调整文本大小,使其保持在容器的边界?
答案 0 :(得分:3)
这可能适合你,试试这个
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"});
});