打印网页而不切割div

Question

我正在寻找一种方法来打印一些多个div（相同的div具有不同的内容）。但是我不希望页面在两个A4页面中剪切一个div。 很好的例子：

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]

有办法吗？我看到的唯一代码是：  <DIV STYLE="page-break-before:always"></DIV>

Answer 1

您必须使用CSS属性page-break-inside和/或page-break-after和/或page-break-before：
http://www.w3schools.com/cssref/pr_print_pagebi.asp
http://www.w3schools.com/cssref/pr_print_pageba.asp
http://www.w3schools.com/cssref/pr_print_pagebb.asp
我想你的需求只能使用page-break-inside：

HTML：

<div class="dont-break-me"></div>

CSS：

div.dont-break-me{
    page-break-inside: avoid;
}