我正在使用以下代码动态显示名称:
<div id="name">{{profile.name}}</div>
屏幕尺寸始终为 320px 如果名称很短,它可以正常工作,但如果名称很长,那么名称就会分成两行,这会扰乱我的布局。所以我想在名称变得太长时自动减小字体大小......
那么有什么方法可以查看 div 的内容并根据字符长度动态应用不同的字体大小吗?
最佳答案
使用ng-class
当 name
很长时将一个类附加到元素
<div id="name" ng-class="{'long': (profile.name.length > 20), 'verylong': (profile.name.length > 40)}">{{profile.name}}</div>
然后使用该类在您的 CSS 中更改字体大小。
关于javascript - Angular .js : How to reduce font size dynamically based on characters' length?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37342621/