发生自动换行时，通过JavaScript更改DIV的高度

Question

我甚至不知道这是否可行，但是，我希望JavaScript可以为这个问题提供解决方案。我有一个DIV，它显示我正在处理的WordPress模板中每个页面的标题。

<div class="grid-block" id="page">

  <div id="page-info">

    <h3>#<?php is_home() ? bloginfo('description') : wp_title("",true); ?></h3>

  </div><!-- #page-info -->

</div><!-- .grid-block #page -->

调用DIV的文本有不同的长度，有时会超过DIV。当文本超过DIV时，它会像它应该的那样包裹，但是，我试图在一个单词被包裹之后调整这个DIV的“高度”。我不知道是否可以添加某种类型的eventListener，但纯HTML和/或CSS似乎没有我需要的组件来解决这个问题。

另外，我知道我可以'使用@media（媒体查询）来模拟这种效果，但据我所知，这只能与窗口的宽度相关，并且当字符串超过此DIV的宽度时，我希望DIV重新调整大小。可以在http://jsfiddle.net/justinbyrne001/SP3Q2/4/找到我尝试做的演示。我感谢任何人对此事提出的任何意见，建议和建议。提前谢谢。

Answer 1

你需要＃page-info的修复高度吗？如果您只使用填充：10，div＃page-info将自动环绕文本。