jquery – 如何自动更改div中的文字大小?

前端之家收集整理的这篇文章主要介绍了jquery – 如何自动更改div中的文字大小?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个div的背景图像。我想写一些文本,但这个文本应该通过div来改变字体大小。

解决方法

我以这种方式理解你的问题,你想将一些文本放在一个固定维度的给定的div中,如果div是小的,显示所有的文本,字体大小应该缩小,直到文本符合div 。如果是这样的话,这里是我的解决方案。

这是一个使用jQuery实现的例子:http://jsfiddle.net/MYSVL/2/

有一些div

<div id="fitin">
    <div>Lorem ipsum dolor sit amet,consetetur sadipscing elitr,sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat,sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren,no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet,no sea takimata sanctus est Lorem ipsum dolor sit amet.</div>
</div>

具有固定的大小

#fitin {
    width: 300px;
    height: 100px;
    border: 1px solid black;
    overflow: hidden;
    font-size: 1em;
}

这个JavaScript会做这个工作。

$(function() {
    while( $('#fitin div').height() > $('#fitin').height() ) {
        $('#fitin div').css('font-size',(parseInt($('#fitin div').css('font-size')) - 1) + "px" );
    }
});
原文链接:https://www.f2er.com/jquery/182605.html

猜你在找的jQuery相关文章