css - 当内容“通过 AJAX 动态创建时，分页后不工作

Question

当通过 ajax 加载动态行时 @media print -- page-break-after不管用。

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

@media print {

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

页面在没有通过 ajax 加载的带有“page”类的元素上正常，只有那些。我认为它没有绑定(bind)到 DOM，但不知道如何解决这个问题。

Answer 1

如果父容器是 display: flex; 它将不起作用。

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