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

Question

我有一张桌子：

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

$ text变量是动态的，长度可以为3个字符或50个字符。

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

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

我在寻找类似动态字体大小的功能吗？ 还是任何其他（好/容易）方式？

谢谢

Answer 1

如果您使用的是jQuery，则自动调整大小的动态文本以填充固定大小的容器中的解决方案似乎将为您工作。

Answer 2

使用Mootools，您基本上可以测量元素大小。

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

有点脏...

编辑：相同的方法，但在miquery2e答案链接中使用的jquery