文本自动字体大小答案

【问题标题】：text auto font size文本自动字体大小
【发布时间】：2011-09-08 20:00:31
【问题描述】：

我有一个标题的 div 标签，如下所示，它可能是多行的，我希望文本尽可能大以整齐地放在框中。感谢您的任何想法。

<div id="main" style="width:700px; height:165px; float:left; font-size:50px; text-align:center; font-family:Chiller;"><?php echo $title ?></div>

【问题讨论】：

这一定是其他问题的重复...
您应该使用新的 HTML5 标头元素，并且在其中您应该有一个 h1 元素。我不明白你的问题。你能再描述一下吗？

标签： javascript jquery html css font-size

【解决方案1】：

我不会为您编写代码，但我相信您可以使用 javascript 或 jQuery 编写代码。你想设置你在那里编码的 div 的溢出属性。并且您想为您已经拥有的 div 内的标题文本创建一个单独的 div。然后使用 javascript 你可以检查内部 div 的高度是否大于外部 div 的高度。我没试过，但是是这样的：

<div id="main" style="width:700px; height:165px; float:left; font-size:50px; text-align:center; font-family:Chiller; overflow:hidden;">
    <div id="title"> 
        <?php echo $title ?> 
    </div>
</div>

然后在 javascript 中，您只需检查标题的高度或宽度是否大于 main 的高度或宽度。如果是，则减小字体大小并再次检查，直到合适为止。在获得正确的字体大小之前，我可能会隐藏标题 div。

这篇文章也可能有帮助：http://objectmix.com/javascript/112045-check-overflow-div.html

【讨论】：

【解决方案2】：

我没有时间对此进行测试，但我发现这两个链接可能会对您有所帮助：

auto resize text (font size) when resizing window?

和

http://icodesnip.com/snippet/jquery/jquery-automatic-text-resize

【讨论】：