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

时间:2018-11-20 17:24:49

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

我遇到分页符问题,我的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才能进入下一页。

enter image description here

1 个答案:

答案 0 :(得分:0)

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

问题是由于css属性是从远离打印隐藏的元素加载的,在我的情况下是

  

flex-direction:列