如何根據需要調整文本大小？

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