Html 新页面中的动态内容

我遇到了一个问题，我不知道是否真的可以用纯HTML和CSS来修复它

我想动态加载内容，内容的数量可能会有所不同。当有超过4项时，下4项应位于新页面上。我可以在加载内容的页面之外创建新页面吗

*{
保证金：0；
填充：0；
}
身体{
背景：#262626；
}
页面{
显示：块；
位置：相对位置；
宽度：210毫米；
高度：297mm；
保证金：20px自动；
边缘底部：0.5cm；
分页符后：始终；
背景：白色；
填充：50px；
框大小：边框框；
}
.街区{
背景：灰色；
宽度：100%；
身高：21%；
利润底部：4%；
不透明度：0.7；
文本对齐：居中；
}
.块：第n个子（4n+4）{
分页符后：始终；
}

1.
2.
3.
4.
5.
6.
7.

您必须使用jQuery或javascript来创建新元素。您可能希望创建一个新链接，并使用jquery创建的新内容重定向到该链接。

是否可以重新构造html？如果可以，那么这可能是一个没有使用脚本的开始（更改了您的大小以便于查看）

*{
保证金：0；
填充：0；
}
身体{
背景：#333；
}
.街区{
位置：相对位置；
背景：#999；
高度：62.37毫米；
宽度：105mm；
保证金：0自动；
边缘顶部：11.88毫米；
文本对齐：居中；
}
.块：第n个子（4n+1）：之前{
内容：“；
z指数：-1；
位置：绝对位置；
背景：#fff；
顶部：-5.94mm；
左：-10mm；
宽度：125mm；
高度：297mm；
}
.块：第n个子（4n+4）{
分页符后：始终；
}
.块：第n个子（4n+5）{
边缘顶部：80px；
}

1
2.
3.
4.
5.
6.
7

下一页是什么意思？正如您在代码中看到的，下一页指的是一个新的“页面”标记。不可能通过css将html元素从一个位置转移到另一个位置。您必须使用Javascript或jquery。谢谢您的回答。您使用“新页面”是否意味着将块5-7推到第二个“白色页面”，其中最多包含4个新块？谢谢您的回答，这就是我的想法。谢谢，看起来是一个很好的解决方案！我要试着用这个。