数码资讯
jQuery控制文本框来自动缩小字体填充。
选购提示
关注价格、性能、续航、售后和真实使用场景,理性比较后再下单。
js控制文本框自动减少字体填充。当文本框中的字体超出文本框的范围时,框中的字体将自动缩小以填充整个文本框。
电话:resetfontsize($(名称),50, 10, 20); / /设置字体大小
wordbox:jQuery对象
的最大高度最大高度:箱
minsize:最小字体大小
MaxSize:最大的字体大小
这个resetfontsize =功能(wordbox,最大高度,minsize,MAXSIZE){
无功 / / wordbox = $(。产品名称。);
最大高度
/ /无功最大高度= 30;
文本初始化的最小大小
Wordbox.css('font-size ',minsize +PX);
为+ +;
wordbox.each(函数(){()
修改大小直到循环大于最大高度为止。
对于(var i = minsize;i < MAXSIZE;i++){
如果($(this)。Height()>最大高度){
当容器高度大于最大高度时,尝试是最好的尺寸值。
$(这)。Css('font-size ',((I - 2)+ 'px);
结束循环
打破;
{人}
如果小于最大高度,文本的大小加上1
$(这)。Css('font-size ',我+ 'px);
}
}
});
};
以上介绍的是萧边为了缩小字体填充文本框的jQuery自动控制。我们希望能帮助你。如果你有任何问题,请给我留言,萧边会及时给您回复。谢谢您支持网站。
电话:resetfontsize($(名称),50, 10, 20); / /设置字体大小
wordbox:jQuery对象
的最大高度最大高度:箱
minsize:最小字体大小
MaxSize:最大的字体大小
这个resetfontsize =功能(wordbox,最大高度,minsize,MAXSIZE){
无功 / / wordbox = $(。产品名称。);
最大高度
/ /无功最大高度= 30;
文本初始化的最小大小
Wordbox.css('font-size ',minsize +PX);
为+ +;
wordbox.each(函数(){()
修改大小直到循环大于最大高度为止。
对于(var i = minsize;i < MAXSIZE;i++){
如果($(this)。Height()>最大高度){
当容器高度大于最大高度时,尝试是最好的尺寸值。
$(这)。Css('font-size ',((I - 2)+ 'px);
结束循环
打破;
{人}
如果小于最大高度,文本的大小加上1
$(这)。Css('font-size ',我+ 'px);
}
}
});
};
以上介绍的是萧边为了缩小字体填充文本框的jQuery自动控制。我们希望能帮助你。如果你有任何问题,请给我留言,萧边会及时给您回复。谢谢您支持网站。
声明:本文内容用于数码产品信息整理与选购参考,具体价格、库存、售后政策以官方渠道和电商页面实时信息为准。