如何根據字符串長度更改字體大小？

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