我遇到了分页符问题,我的 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 成为下一页的一部分。
最佳答案
这可能不是人们经常遇到的问题,但发布我的根本原因可能会对某人有所帮助。
问题是由于 css 属性是从隐藏在打印之外的元素加载的,在我的例子中是
flex-direction : column
关于html - 打印分页符问题 - 在浏览器中打印预览,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53398337/