浏览器中的分页问题打印

Question

这就是我的Html页面在打印视图中的外观。

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

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

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

如果我以某种方式设法在分页点跟踪HTML元素 ，我只需将页面中断代码放在它上面。 这需要在html页面上使用jQuery作为打印视图不支持js。

我试着这样做，但也失败了。 看起来打印视图不支持position: absolute 。

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

Answer 1

试试这篇文章

确定你使用

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

Answer 2

由于分页 - *不适用于谷歌浏览器，这里的解决方案对我有用。 我为所有HTML元素设置了display: inline-block ，我不想在两个页面之间分隔。

.msgbx,.svnotice, .imgdescbx img {
   display: inline-block;
 }