你知道我的意思?
假设我们有:
<div style="width:100px;font-size:10px">Some Text</div>
但是,我们也可能在该 div 中包含更长的文本字符串,在这种情况下,我希望该 div 具有 font-size:7px 或其他值,以便整个字符串适合而不会溢出。
我确信已经有人写过类似的东西了,我不想重新发明它。最好是 jQuery 插件?
任何建议,将不胜感激!谢谢
基于尼克问题中提出的答案:
$(function() {
$(".shrinkByWidth").each(function() {
var targetWidth = $(this).parent(':first').width();
if (isNaN(parseInt($(this).css("font-size"))))
$(this).css("font-size", '24px');
while ($(this).width() > targetWidth)
{
$(this).css("font-size", (parseInt($(this).css("font-size")) - 1) + 'px');
}
});
});
对我来说效果很好!
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)