Question

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

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

Answer 1

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

auto resize text (font size) when resizing window?

和

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

Answer 2

我不会为你编写代码，但我相信你可以用javascript或jQuery来完成它。您想要设置您在那里编码的div的overflow属性。而且你想为你已经拥有的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 个答案: