css - 通过 AJAX 动态创建内容时分页符后不起作用

Question

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

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

@media print {

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

页面在未通过 ajax 加载的具有“页面”类的元素上很好，只是那些。我认为它没有绑定到 DOM，但不知道如何解决这个问题。

标签： cssdomprintingmedia-queriespage-break

Answer 1

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

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