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

我面临分页符的问题，即我的div从页面末尾开始，而不是在应用分页符后位于下一页

我已经提到了这个问题，并对我的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作为下一页的一部分

---

这可能不是人们经常面临的问题，但是发布我的根本原因是为了帮助某人

这个问题是由于css属性从隐藏在远离打印的元素加载的，在我的例子中是这样的

弯曲方向：柱