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

Question

我有一个div，它包含一些文字内容。

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

注意，我没有设置“div #con”的“width”和“height”，因为我不想看到任何空格。

现在，我想让“div #con”可以调整大小，当“div #con”调整大小时，我希望文本里面的fontsize相应改变。

有什么想法吗？

Answer 1

使用多个解决方案查看jQuery TextFill plugin以及this topic。

我认为你应该找到答案。