填充内容时检测div大小（高度）（来自数据库）

Question

我想在填充内容时从数据库中检测div大小高度。如果div高度为800px，则将新div作为新内容包装器绘制并填充内部的剩余内容。插图如下：

单个内容包装器产生的高度（变化）例如2500 px（可能更多）

<div id="content-wrapper>
p 1
p 2
p 3
p 4
p 5
p 6
p 8
p 9
</div>

我想将它分为800像素，因此它会生成多个div容器（内容包装器），如下所示。

<div id="content-wrapper>
p 1
part of p 2

[reached 800px here] --> break 1, print </div><div id="content-wrapper">

remaining part of p2...
p 3
p 4
p 5

[reached 800px here] --> break 2, print </div><div id="content-wrapper">

remaining part of p 5
p 6
p 7
p 8

[reached 800px here] --> break 3, print </div><div id="content-wrapper">
p 9

</div>

从上面的例子中加载内容时它满足3倍800像素高度。因此它将在页面上打印4个内容包装器。

如何使用jQuery和css进行操作？

提前致谢。

Answer 1

您可以使用offsetHeight

获取div的高度

var contentwrapper = $("#content-wrapper");
var height = contentwrapper.offsetHeight;