当通过AJAX动态创建内容时，page-break-after无效

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;