中文字幕av专区_日韩电影在线播放_精品国产精品久久一区免费式_av在线免费观看网站

溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

jQuery 控制文本框自動縮小字體填充

發布時間:2020-10-05 13:20:23 來源:腳本之家 閱讀:209 作者:迷失道 欄目:web開發

 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 控制文本框自動縮小字體填充,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對億速云網站的支持!

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

神木县| 涟源市| 长岛县| 安化县| 忻城县| 鲁山县| 林西县| 曲周县| 密山市| 遵义县| 诏安县| 肃北| 吉安市| 普兰店市| 贵定县| 长泰县| 民县| 麦盖提县| 淮滨县| 奉节县| 拉孜县| 金秀| 安新县| 明溪县| 茌平县| 安陆市| 高要市| 洛宁县| 肥城市| 沛县| 清河县| 永寿县| 通山县| 光泽县| 临夏县| 南华县| 宁都县| 柏乡县| 济源市| 东乡| 阿巴嘎旗|