Question

我在一个与其他组件嵌套的有角度组件内部有这个非常简单的html。 chrome完全忽略了分页符，并设置为只能看到三页，当我右键单击页面并打印时，我只能看到一页。预览仅显示一页。它应该显示三页。（未检查IE）

<div style="page-break-after: always !important;"> 
    <h1>111</h1>
</div>
<div style="page-break-after: always !important;"> 
  <h1>222</h1>
</div>

<div style="page-break-after: always !important;"> 
  <h1>333</h1>
</div>

似乎是某些原因阻止了chrome在打印预览模式下识别分页符

Answer 1

尝试使用display:block，看看是否有帮助。

@media all 
{ 
    .page-break { display:none; } 
} 

@media print 
{ 
    .page-break { display:block; page-break-before:always; } 
}
<div ng-repeat="item in items">
<div>{{item}}</div>
<div class="page-break;" ng-if="$index % 24 == 0"></div>
</div>

在Chrome中忽略分页后

1 个答案: