js contrôle la zone de texte pour réduire automatiquement le remplissage de la police Lorsque la police dans la zone de texte dépasse la plage de la zone de texte, la police dans la zone sera automatiquement réduite pour remplir toute la zone de texte. Cet article présente principalement les informations pertinentes sur jQuery contrôlant la réduction automatique du remplissage des polices dans les zones de texte. Les amis dans le besoin peuvent s'y référer. J'espère que cela pourra aider tout le monde.
Appel : resetFontSize($(".title"), 50, 10, 20);//重置字体大小
wordbox:objet jQuery
maxHeight : la hauteur maximale de la boîte
minSize : la taille minimale de la police
maxSize : la taille maximale de la police
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'); } } }); };
Recommandations associées :
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!