在 chrome 中忽略分页后

Question

我在一个与其他组件嵌套的 Angular 组件中拥有这个极其简单的 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>