我试图在打印时在两个元素之间有一个分页符。我使用了一个空的div元素：
<div>content 1</div>
<div style="page-break-before: always"></div>
<div>content 2</div>这在edge和internet explorer中可以很好地工作，但在chrome中不行。通过在前面添加分页符，内容1和内容2之间会出现一些空格，但内容2仍有一些部分保留在页面1中：
如果我删除page-break-before，它们会粘在一起：
如何在chrome中进行分页？
2条答案
按热度按时间qzlgjiam1#
要使
page-break-before正常工作，需要有一个非空的div。请参阅文档here：不能对空div或绝对定位的元素使用此属性。
我通常在div中添加哑内容，然后设置
opacity: 0。您不能设置display: none，因为page-break只适用于块元素。cygmwpex2#
您可以添加
<br pagebreak="true"/>-〉这不会在页面顶部添加空间