如何根据字符串长度更改字体大小？答案

【问题标题】：How to make font-size change depending on string length?如何根据字符串长度更改字体大小？
【发布时间】：2011-05-13 02:00:19
【问题描述】：

我有一张桌子：

<table width="200px">
   <tr>
     <td>
       <font style="font-size:14px;"><?php echo $text; ?></font>
     </td>
    </tr>
 </table>

$text 变量是动态的，可能是 3 个字符长，也可能是 50 个字符长。

问题是表格列的宽度限制为200px。

如何使文本始终适合一行，并保持表格的有限宽度？

我正在寻找类似动态字体大小功能的东西？或任何其他（好/简单）的方式？

谢谢

【问题讨论】：

【解决方案1】：

Auto-size dynamic text to fill fixed size container 中的解决方案似乎对你有用，如果你使用的是 jQuery。

【讨论】：

【解决方案2】：

使用 Mootools 你基本上可以measure an Element 大小。

我认为如果您在 DOM 中创建一个虚拟元素（位于屏幕视图之外），其中包含您需要插入的文本。然后您可以循环字体大小，直到找到适合您的表格宽度的尺寸。

有点脏……

已编辑：miket2e answer link 使用相同的方法，但在 jquery 中

【讨论】：