如何使文本内容自动填充其父元素的所有空间

<div id="con" style="position:absolute;left:50px;top:50px;border:1px solid red;font-size:12px;"> 
    Text Here! 
</div>

请注意，我不设置“宽度”和“＃DIV CON”的“高度”，因为我不希望看到任何空白。

现在，我想让“div＃con”可调整大小，当“div＃con”调整大小时，我希望其中的文本的字体大小相应地改变。

有什么想法？

2011-09-01 hguser

当某人调整到100px高和1px宽时，您想要什么样的行为？您可以动态调整文本大小，但无法以任何可在所有浏览器中使用的方式对其进行缩放。 – Ali

看看jQuery TextFill plugin以及this topic与几个解决方案。

我想你应该找到答案。

2011-09-01 09:21:44

首先，尝试'font-size：100％;'... –

查尔斯100％是指在用户的浏览器中设置的默认字体大小。如果浏览器的默认字体大小设置为10px，那么100％表示将字体设置为10px。 110％意味着11px。所以这是行不通的。 – Ali

由于我们在页面中使用了原型，所以我想知道是否可以使用本地脚本来实现这个功能？ – hguser

回答