0

我什至不知道这是否可能，但是，我希望 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/找到。我感谢任何人就此事提出的任何意见、建议和建议。提前致谢。

4

1 回答 1

0

您需要#page-info 上的固定高度吗？如果您只使用 padding:10，则 div#page-info 将自动环绕文本。

于 2013-05-25T12:27:35.337 回答