Html 使用Chrome打印时，之前的分页符会导致一些空格，但不会'；不要转到下一页_Html_Css_Google Chrome_Printing

Html 使用Chrome打印时，之前的分页符会导致一些空格，但不会'；不要转到下一页

html css google-chrome printing

Html 使用Chrome打印时，之前的分页符会导致一些空格，但不会'；不要转到下一页,html,css,google-chrome,printing,Html,Css,Google Chrome,Printing,我试图在打印时在两个元素之间有一个分页符。我使用了一个空的div元素： <div>content 1</div> <div style="page-break-before: always"></div> <div>content 2</div> 内容1 内容2 这在edge和internet explorer中非常有效，但在chrome中则不行。通过在前面添加分页符，内容1和内容2之间会出现一些空格，但内容2的某些部分

我试图在打印时在两个元素之间有一个分页符。我使用了一个空的div元素：

<div>content 1</div>
<div style="page-break-before: always"></div>
<div>content 2</div>

内容1
内容2

这在edge和internet explorer中非常有效，但在chrome中则不行。通过在前面添加分页符，内容1和内容2之间会出现一些空格，但内容2的某些部分仍保留在第1页中：

如果我之前删除分页符，它们会粘在一起：

如何在chrome中进行分页符设置？

在工作之前，您需要为

分页符设置一个非空div。
请参阅文档：
不能在空div或绝对定位的元素上使用此属性
我通常在div中添加哑内容，然后设置不透明度：0
。您无法设置显示：无
，因为分页符
仅适用于块元素。
您是否尝试过之前的分页符
，我认为这已经取代了之前的分页符
：-不认为它得到了很好的支持，尽管感谢您的建议，我以前尝试过分页符，但chrome似乎不认识它。当我检查CSN时，它显示无效的属性值不确定还要尝试什么-似乎他们正在删除此功能一个有趣的事情是，如果我使用*{overflow:initial！important；}，分页符可以工作