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

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'))));
       }
    });
});