javascript - 如何根据需要调整文本大小？

Question

我有一个页面，我在其中以某种显示方式将名称动态读入内容区域。我们有一些人的名字特别长，有些名字有 25 个字符，而大多数人的名字都在 12-13 个字符左右。如何根据需要调整放入 div 中的文本的大小？

Answer 1

根据文本长度设置字体大小。您没有发布任何代码，所以我只能假设您的 HTML 可能是什么样子。

<div id="names" style="width: 140px; border: 1px solid black; overflow:hidden">
    <div style="white-space: nowrap">Some Name</div>
    <div style="white-space: nowrap">Some Very Very Long Name</div>
</div>

这可能是使用 jQuery 的 JavaScript。

$(function() {
    $('#names div').each( function(idx, item) {
       if( $(this).width() > $(this).parent().width() ) {
           $(this).css('font-size', Math.floor($(this).parent().width() / $(this).width() * parseInt($(this).css('font-size'))));
       }
    });
});