小编Mic*_*tra的帖子

如何根据使用jQuery的HTML元素的总高度来包装DIV中的所有HTML元素?

我正在开发一个功能,我想在高度为1000px的div中显示元素.有来自DB的多个记录,但每个元素的高度不固定.当显示的记录高度超过1000px时,它们应包含在一个DIV中.下一个记录应该包含在另一个DIV中,直到这些元素的高度总计为1000px.由于单独的DIV,记录之间不应该被打破.

例如:

<div class="record">..</div>
<div class="record">.....</div>
<div class="record">...</div>
<div class="record">....</div>
<div class="record">..</div>
Run Code Online (Sandbox Code Playgroud)

如果前3个记录的总高度总计为940px,并且前4个记录的总高度为1100px,则jQuery应将代码转换为:

<div class="page>
    <div class="record">..</div>
    <div class="record">.....</div>
    <div class="record">...</div>
</div>
<div class="page>
    <div class="record">....</div>
    <div class="record">..</div>
</div>
Run Code Online (Sandbox Code Playgroud)

我花了很多时间在它上面,但无法使它工作.:(

html javascript css jquery

6
推荐指数
1
解决办法
247
查看次数

标签 统计

css ×1

html ×1

javascript ×1

jquery ×1