无论文本多大,都要使文字适合框

时间:2016-01-20 03:54:45

标签: javascript jquery html css

我在尝试将长文本放入框中时遇到问题。由于客户的设计规范,我不能改变盒子的大小,所以我必须让文本适合盒子。它可以通过html css js或jquery来实现,只要达到预期的效果就不重要。

Here's my JSFiddle

<div class="mybutton">
  <div class="myproblem">
    MyNameIs30CharactersLong
  </div>
  <div class="myproblem2">
    MyNameIsShort
  </div>
</div>

这是我想要实现的截图:

enter image description here

这里有一个很长的名字:

enter image description here

感谢您的帮助!

1 个答案:

答案 0 :(得分:0)

http://jquery-textfill.github.io/

这可能会帮助您解决文字大小调整问题。