1

我正在为网站使用绝对定位。用户有个人资料，他们写的文本量会有所不同。

如何div根据显示的文本量动态更新元素的高度，即。更改div高度以动态适应内容。

<div class="profileContainer">
    <h3 class="profileText">
        Here is the text - this could be 1000px height plus
    </h3>
</div>

我知道 jQueryheight()方法，但我不确定如何计算给它的数字 - 即。如何找出文本的高度。

4

3 回答 3

2

在页面加载时（或者h3如果您有某种 AJAX 请求正在更新元素之后），您只需将高度设置为#profileContainer等于#profileText.

试试这个：

$("#profileContainer").height($("#profileText").height());

这当然是假设你已经在 CSS 中height为容器设置了一个特定的值。div如果你还没有，那么 的内容h3将自动导致容器根据需要增长。

于 2012-09-03T12:28:29.143 回答
0

如果您的目的是显示所有内容，那么下面的 css 就可以了。

 div.profileContainer {height:auto; width:300px;}

这样容器将自动增大大小以适应内容，并且宽度将限制为 300px

于 2012-09-03T12:31:34.467 回答
0

你可以用css......

<div class="profileContainer" style="height:auto;">
  <h3 class="profileText">
       Here is the text - this could be 1000px height plus
  </h3>
</div>
于 2012-09-03T12:32:40.470 回答