Html 打印网页而不剪切div

Html 打印网页而不剪切div,html,css,printing,Html,Css,Printing,我正在寻找一种方法来打印一些多个div(同一个div有不同的内容)。但我不想让这一页在两张A4纸上剪下一段。 好例子: PAGE 1 [DIV] [END-DIV] [DIV] [END-DIV] PAGE 2 [DIV] [END-DIV] 但我不想有这样的事情: PAGE 1 [DIV] [END-DIV] [DIV] **PAGE 2** [END-DIV] [DIV] [END-DIV] 有办法吗?我看到的唯一代码是: 您必须在内部使用CSS属性分页符和/或之后的分页

我正在寻找一种方法来打印一些多个div(同一个div有不同的内容)。但我不想让这一页在两张A4纸上剪下一段。 好例子:

PAGE 1
[DIV]

[END-DIV]

[DIV]

[END-DIV]
PAGE 2
[DIV]

[END-DIV]
但我不想有这样的事情:

PAGE 1
[DIV]

[END-DIV]

[DIV]
**PAGE 2**
[END-DIV]

[DIV]

[END-DIV]
有办法吗?我看到的唯一代码是:

您必须在
内部使用CSS属性
分页符和/或
之后的分页符和/或
之前的分页符:



我想,为了满足您的需要,只需在内部使用
分页符即可:

HTML:


谢谢你,先生,太完美了
<div class="dont-break-me"></div>
div.dont-break-me{
    page-break-inside: avoid;
}