有一个固定高度和宽度的div.此div包含动态内容,文本内容.如果文本太长,它将"爆炸"div.当文本变得太短时,div看起来有点空.
因此,我的结论是在文本较短时使字体变大,在文本较长时使字体变小.
从未尝试过这样的事情,如何实现这一目标?
€:因为我已经使用了dojo作为js框架,包括jquery或任何其他框架是没有选择.当然还要感谢答案.
我需要在JavaScript(我正在使用jQuery)中编写一个函数,该函数知道适合浏览器窗口行的字符数.我正在使用等宽字体来缓解这个问题,但如果我将它推广到不同的字体会更好.
我怎么知道浏览器中有多少个字符会填满?目的是计算填充一行的字符数.
你知道我的意思?就像我们说的那样:
<div style="width:100px;font-size:10px">Some Text</div>
Run Code Online (Sandbox Code Playgroud)
但是那时我们也可能在div中有一个更长的文本字符串,在这种情况下我希望div具有font-size:7px或者其他什么,这样整个字符串就可以适应而不会溢出.
我敢肯定已经写过这样的东西了,我不想重新发明这个.最好是一个jQuery插件?
任何建议,将不胜感激!谢谢