html - 打印分页符问题 - 在浏览器中打印预览

Question

我遇到了分页符问题，我的 div 在应用分页符后从页尾开始，而不是在下一页。

我已经提到了这个问题 How to deal with page breaks when printing a large HTML table并对我的 CSS 属性做了一些调整

.items-list {
    page-break-inside:avoid;
    page-break-after:auto;
}

HTML文件的基本结构

<div class="row items-list" *ngFor="let country of countryWiseData">
    <div class="col-3"></div>
    <div class="col-3"></div>
    <div class="col-3"></div>
    <div class="col-3"></div>
</div>

我的问题是 Div 部分的延续，我需要损坏的 div 成为下一页的一部分。

Answer 1

这可能不是人们经常遇到的问题，但发布我的根本原因可能会对某人有所帮助。

问题是由于 css 属性是从隐藏在打印之外的元素加载的，在我的例子中是

flex-direction : column