【发布时间】：2010-10-26 15:21:52
【问题描述】：
我想知道如何通过设置宽度和高度来调整包含一些文本的 div 的大小，以便它可以像标签一样拉伸以填充该区域？例如。当您设置图像的宽度和高度属性时，它会调整图像的大小以填充该区域。我需要采用任意宽度和高度值并将包含文本的 div 拉伸到这些尺寸。我不希望向 php 脚本发送请求以构建包含文本的图像，因为它会很慢并影响 Web 应用程序的可伸缩性。哦，我最好不要使用 html5，因为它是我需要与 ie7+（和 firefox/chrome）兼容的必要条件。
谢谢。
【问题讨论】：
-
是的，我可以使用 jQuery。
-
你只是想拉伸文本或增加字体大小？
-
我想像图像一样拉伸文本，因此如果您向图像添加宽度/高度，浏览器会拉伸图像以填充该区域。我真的不在乎字体大小是否会随之更新。
-
这当然不是不可能的，但也不是微不足道的。更改字体大小是执行此操作的唯一方法，因此您必须计算给定字符串的正确字体大小以及给定像素宽度或高度
-
我已经想到了这种方法，但是这种方法不适合同时匹配宽度和高度，因为字体大小都会增加，而我只能满足其中一个变量。我正在研究 vml/svg，但没有走得太远。
标签： javascript image html resize