如何在打印页面上添加Page Break dyanamically？

Question

打印页面上的内容有一个长,但我们打印的文本的一些内容减少了.

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

请告诉我,如果有任何动态方式添加分页符号CSS.内容可以是任何东西.

Answer 1

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

例如，您不想在打印时被撕开的短表：

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

Answer 2

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

除了文章中已经描述的内容之外，我想指出使用 .page-break-before: auto 而不是 .page-break-before: always 的好习惯。只有当内容在页面末尾时，“自动”才会打破页面，这将防止打破页面并留下大量空白。

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 3

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