当内容'通过 AJAX 动态创建时，分页后不起作用

Posted 2023-03-06

【中文标题】当内容\'通过 AJAX 动态创建时，分页后不起作用

【英文标题】：page-break-after not working when content 's created dynamically via AJAX当内容'通过 AJAX 动态创建时，分页后不起作用

【发布时间】：2019-08-30 11:45:59

【问题描述】：

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

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

@media print 

    .page
       page-break-after: always;
    

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

【参考方案1】：

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

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