html - 打印网页而不剪切 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;
}