如何動態地將分頁符添加到打印頁面？

Question

打印頁面上的內容很長，但是當我們打印一些縮減的文本內容時。

替代文字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：始終是一種好習慣。 僅當內容位於頁面末尾時，“自動”才會中斷頁面​​，這將防止頁面中斷並留出很多空白。

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

您可能還只想防止元素內的分頁符。

例如，在打印時您不想撕開的矮桌：

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

Answer 3

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