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

【问题标题】：Issue with Print Page break - Print preview in browsers打印分页符问题 - 浏览器中的打印预览
【发布时间】：2018-11-20 17:24:49
【问题描述】：

我遇到了分页符的问题，我的 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 成为下一页的一部分。

【问题讨论】：

标签： html css google-chrome printing page-break

【解决方案1】：

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

问题是由于 css 属性是从隐藏在打印之外的元素加载的，在我的情况下是

弹性方向：列

【讨论】：