文本自动字体大小

我有一个标题的div标签，如下图所示，它可能是多行内容，我希望文本尽可能大以适合盒子中的整齐。感谢您的任何想法。文本自动字体大小

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

来源

2011-06-05 Harry Martland

这一定是一些其他的问题重复... – 2011-06-05 18:07:07

您应该使用新的HTML5头元素，和里面你应该有一个H1元素。我不明白你的问题。你能再描述一下吗？ – knut 2011-06-05 18:13:25

我赢了”不会为你编码，但我相信你可以用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你刚才检查，看看是否高度或标题的宽度比主的高度或宽度。如果是，则缩小字体大小并再次检查，直到适合。我可能会隐藏标题div直到我获得正确的字体大小。

本文还可以帮助：http://objectmix.com/javascript/112045-check-overflow-div.html

来源

2011-06-05 18:05:45 Trevor

我没有时间来测试这一点，但我发现这两个环节可以帮助你了：

auto resize text (font size) when resizing window?

和

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

来源

2011-06-05 18:05:21 Charlie

文本自动字体大小

回答

相关问题