通过AJAX动态创建内容时无法进行分页操作

Question

通过ajax加载动态行时，@media print -- page-break-after无法正常工作。

它适用于不是动态创建的所有其他元素。我正在为报告加载行，并在第15行之后添加一个<div class='page'></div>元素。通过ajax加载的行似乎无效。

@media print {

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

对于那些没有通过ajax加载的带有'page'类的元素，页面只能正常运行。我认为它没有绑定到DOM，但不知道如何解决。

Answer 1

如果父容器为display: flex;，它将无法正常工作。

使用page-break-after时，请确保父容器具有display: block;