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

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

根据文本长度设置字体大小。您没有发布任何代码，因此我只能假设您的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>

---

div

将自动占用所需的空间。你能更清楚地说明问题是什么吗？@Coronatus我理解OP的方式是，div的大小是固定的，文本需要调整。我不能截图，因为涉及个人信息，但我会对我正在尝试做的事情做一点说明…可能会重复，因为我正在处理大量数据，我决定对所有数据执行一个

overflow-x:hidden

，因为在这么多记录上运行该操作的效率成本可能非常高。

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