javascript - 浏览器打印中的分页问题

Question

这是我的 Html 页面在打印 View 中的样子。

当它在 2 中中断时，我需要将它放在新页面上，为此需要在这些元素之前插入 div 下方(我正在为其他预定义的新页面做的事情)。

<div style='page-break-before: always'>

但我无法这样做，因为这些内容是动态的，我不知道哪个 HTML 元素 会落在这个地方。

如果我以某种方式设法在分页点跟踪 HTML 元素，我将简单地将分页代码放在它上面。这需要使用 jQuery 在 html 页面上完成，因为打印 View 不支持 js。

我试过这样做，但在这里也失败了。看起来打印 View 不支持 position: absolute。

$(document).ready(function(){
    $("body").append("<div style='position: absolute;top: 760px;page-break-before: always'>");
});

Answer 1

Try this article

确保你使用

@media print {
    .page-break { display: block; page-break-before: always; }
}