我有一个div的背景图像。我想写一些文本,但这个文本应该通过div来改变字体大小。
解决方法
我以这种方式理解你的问题,你想将一些文本放在一个固定维度的给定的div中,如果div是小的,显示所有的文本,字体大小应该缩小,直到文本符合div 。如果是这样的话,这里是我的@R_301_463@案。
这是一个使用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" ); } });