Javascript 如何添加自动检测分页符

我已经创建了一个网页来显示账单明细。有些法案有很多细节，如果这个法案的细节不适合放在A4纸上，我想加一个分页符。我该如何自动检测，我应该添加分页符吗

之前分页符

：指定是否应在 一种特殊的元素

后分页符

：指定如何处理 特定元素

始终

：强制在指定元素之前或之后分页符

在网站内容之间插入

.header

（或其他名称）和

.footer

（或其他名称），如下所示：

<div class="header"></div>
...content...
<div class="footer"></div>

<div class="header"></div>
...content...
<div class="footer"></div>

.header、.footer{
显示：无；
}
@媒体印刷品{
.页眉，.页脚{
显示：块；
}
.标题{
前分页符：始终；
}
.页脚{
分页符后：始终；
}
}

…内容

…内容

只需创建一个宽度为

2480px

的

。里面的内容应该会自行损坏。你试过什么了吗？可能会派上用场。也请检查一下。

.header {
  page-break-before:always;
}

.footer {
  page-break-after:always;
}