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

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：列