溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
js控制文本框自動縮小字體填充，當文本框中的字體超出文本框范圍的時候，框內的字體會自動縮小，以填充整個文本框;
調用：resetFontSize($(".title"), 50, 10, 20);//重置字體大小
wordbox:jQuery對象
maxHeight:box的最大高度
minSize:最小字體大小
maxSize:最大字體大小
this.resetFontSize=function (wordbox, maxHeight, minSize, maxSize) {
// var wordbox = $(".products .title");
//最大高度
//var maxHeight = 30;
//初始化文字大小為最小
wordbox.css('font-size', minSize + "px");
maxSize++;
wordbox.each(function () {
//循環修改大小直至大于最大高度
for (var i = minSize; i < maxSize; i++) {
if ($(this).height() > maxHeight) {
//當容器高度大于最大高度的時候，上一個嘗試的值就是最佳大小。
$(this).css('font-size', (i - 2) + 'px');
//結束循環
break;
} else {
//如果小于最大高度，文字大小加1繼續嘗試
$(this).css('font-size', i + 'px');
}
}
});
};
以上所述是小編給大家介紹的jQuery 控制文本框自動縮小字體填充，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對億速云網站的支持！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
