Question

我正在使用网站的绝对定位。用户拥有的个人资料和他们撰写的文字数量会有所不同。

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

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

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

Answer 1

在页面加载时（或者在更新h3元素后，如果您正在进行某种AJAX请求），您只需将#profileContainer的高度设置为{{1}的高度}}

试试这个：

#profileText

当然，假设您已在CSS中为容器$("#profileContainer").height($("#profileText").height());设置了特定的height。如果还没有，那么div的内容将自动导致容器根据需要增长。

Answer 2

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

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

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

Answer 3

您可以使用css ...

执行此操作

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

如何根据内容量动态更改div的大小

3 个答案: