无论文本大小如何，都可以使文本适合框

我遇到了试图在文本框中填充长文本的问题。由于客户的设计规范，我无法更改包装盒的尺寸，所以我必须让文本适合包装盒。它可以通过html css js或jquery来实现，只要达到预期的效果就无关紧要。无论文本大小如何，都可以使文本适合框

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

这里是我想要达到的截图：

下面是它的是一个长的名字：

感谢您的帮助！

来源

2016-01-20 Gui

根据百分比或根据视口设置字体大小。 –

如果我的用户有一个简短的名称，它适合框，如果我的用户有一个非常长的名字，它不适合和溢出，因为你们看到上面，我不希望框重新大小，我想文本收缩和适合盒子。视口无助于bc我们不是在谈论解决方案。我不认为这是重复的，因为其他解决方案没有解决我的问题安东尼。 – Gui

http://stackoverflow.com/questions/14431411/pure-css-to-make-font-size-responsive-based-on-dynamic-amount-of-characters - 这个答案提到使用'vw'单位纯CSS解决方案。 – Anthony

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

这可能帮助文本大小调整您的问题。

来源

2016-01-20 04:16:51

无论文本大小如何，都可以使文本适合框

回答

相关问题