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

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属性引起的，在我的例子中是

列伸缩方向：