jQuery 控制文本框自动缩小字体填充

 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 控制文本框自动缩小字体填充，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对网站的支持！

# jquery  # 文本框缩小字体填充  # jQuery简单实现点击文本框复制内容到剪贴板上的方法  # jQuery简单设置文本框回车事件的方法  # jquery+ajax+text文本框实现智能提示完整实例  # jQuery使用正则表达式限制文本框只能输入数字  # jQuery控制文本框只能输入数字和字母及使用方法  # jquery实现文本框textarea自适应高度  # 文本框  # 小编  # 在此  # 给大家  # 所述  # 给我留言  # 框中  # 感谢大家  # 疑问请  # 有任何 

相关文章： 建站10G流量真的够用吗？如何应对访问高峰？  微信h5制作网站有哪些,免费微信H5页面制作工具？  如何在Golang中处理模块冲突_解决依赖版本不兼容问题  制作网站的过程怎么写,用凡科建站如何制作自己的网站？  如何用PHP快速搭建CMS系统？  如何通过WDCP绑定主域名及创建子域名站点？  jQuery 常见小例汇总  如何安全更换建站之星模板并保留数据？  如何打造高效商业网站？建站目的决定转化率  高端企业智能建站程序：SEO优化与响应式模板定制开发  微信网站制作公司有哪些,民生银行办理公司开户怎么在微信网页上查询进度？  免费制作小说封面的网站有哪些,怎么接网站批量的封面单？  七夕网站制作视频,七夕大促活动怎么报名？  网站制作的软件有哪些,制作微信公众号除了秀米还有哪些比较好用的平台？  太平洋网站制作公司,网络用语太平洋是什么意思？  宝塔Windows建站如何避免显示默认IIS页面？  高防服务器租用指南：配置选择与快速部署攻略  教程网站设计制作软件,怎么创建自己的一个网站？  JS中使用new Date(str)创建时间对象不兼容firefox和ie的解决方法(两种)  猪八戒网站制作视频,开发一个猪八戒网站，大约需要多少？或者自己请程序员，需要什么程序员，多少程序员能完成？  可靠的网站设计制作软件,做网站设计需要什么样的电脑配置？  大连企业网站制作公司,大连2025企业社保缴费网上缴费流程？  如何快速搭建个人网站并优化SEO？  学生网站制作软件,一个12岁的学生写小说，应该去什么样的网站？  如何在建站之星绑定自定义域名？  Android自定义listview布局实现上拉加载下拉刷新功能  简易网站制作视频教程,使用记事本编写一个简单的网页html文件？  Python lxml的etree和ElementTree有什么区别  学校为何禁止电信移动建设网站？  如何有效防御Web建站篡改攻击？  如何通过虚拟主机快速搭建个人网站？  定制建站方案优化指南：企业官网开发与建站费用解析  安云自助建站系统如何快速提升SEO排名？  建站主机选购指南：核心配置优化与品牌推荐方案  平台云上自主建站：模板化设计与智能工具打造高效网站  无锡制作网站公司有哪些,无锡优八网络科技有限公司介绍？  建站之星云端配置指南：模板选择与SEO优化一键生成  大连网站制作公司哪家好一点,大连买房网站哪个好？  一键网站制作软件,义乌购一件代发流程？  英语简历制作免费网站推荐,如何将简历翻译成英文？  电商网站制作多少钱一个,电子商务公司的网站制作费用计入什么科目？  济南专业网站制作公司,济南信息工程学校怎么样？  昆明高端网站制作公司,昆明公租房申请网上登录入口？  ,有什么在线背英语单词效率比较高的网站？  建站之星安装提示数据库无法连接如何解决？  购物网站制作费用多少,开办网上购物网站，需要办理哪些手续？  开心动漫网站制作软件下载,十分开心动画为何停播？  建站之星2.7模板快速切换与批量管理功能操作指南  文字头像制作网站推荐软件,醒图能自动配文字吗？  网站企业制作流程,用什么语言做企业网站比较好？