如何动态地将分页符添加到打印页面？

Question

打印页面上的内容有一个很长的内容，但是当我们打印文本的某些内容时会缩减。

alt text http://img694.imageshack.us/img694/6766/printpage.jpg

请告诉我，如果有任何动态方式添加分页符css。内容可以是任何东西。

Answer 1

正如Haim Evgi在本文中引用http://davidwalsh.name/css-page-breaks

除了文章中已经描述过的内容之外，我还想指出使用.page-break-before：auto而不是.page-break-before：这是一个很好的做法：总是。 ＆＃34; auto＆＃34;只有当页面内容结束时才会破坏页面，这样可以防止破坏页面并留下大量空白。

CSS

@media all {
    .page-break { display: none; }
}

@media print {
    .page-break { display: block; page-break-before: auto; }
}

HTML

<div>some content</div>
<div class="page-break">more content, this content may be short or long</div>
<div class="page-break">this content may page-break if content above this <div> is at the end of the page</div>
<div class="page-break">etc,..</div>

Answer 2

使用css page-break-before和page-break-after元素。

Answer 3

您可能只想防止元素内的分页符。

E.g。打印时不希望撕裂的短表：

@media print {
    table {
        page-break-inside: avoid;
    }
}