css – 如何自动调整字体大小以适应div的内容?

前端之家收集整理的这篇文章主要介绍了css – 如何自动调整字体大小以适应div的内容?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个div与一些文本:
<div style="white-space:nowrap;overflow:none;width:50px;">
  With some text in it
</div>

如何缩放文字的字体大小,以便所有文字都可见?

解决方法

相反,明智的.您可以将文本包裹在内部DIV中,用JavaScript测量其宽度.测试该宽度是否比父DIV宽.获取当前的字体大小,并逐渐向下移动1px,直到内部DIV的宽度小于或等于外部DIV的宽度.

猜你在找的CSS相关文章