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

时间:2010-11-20 13:08:42

标签: php javascript html css layout

我有一张桌子:

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

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

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

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

我正在寻找类似动态字体大小的功能?或者任何其他(好的/简单的)方式?

由于

2 个答案:

答案 0 :(得分:1)

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

答案 1 :(得分:0)

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

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

有点脏......

编辑:同样的方法,但在jquery中,被miket2e回答链接

使用