打印頁面上的內容有很長的一段,但是我們打印了一些文本內容。如何將分頁符添加到打印頁面?
alt text http://img694.imageshack.us/img694/6766/printpage.jpg
請讓我知道,如果有任何動態的方式來增加分頁CSS。內容可能是任何東西。
打印頁面上的內容有很長的一段,但是我們打印了一些文本內容。如何將分頁符添加到打印頁面?
alt text http://img694.imageshack.us/img694/6766/printpage.jpg
請讓我知道,如果有任何動態的方式來增加分頁CSS。內容可能是任何東西。
是,這篇文章解釋:
使用的CSS頁面突破之前和分頁,之後的元素。
好吧,我發現了一些工作,它的一點JS,但看起來像它的伎倆。 這裏有一個鏈接:Specifying page breaks for printing using CSS
如果這篇文章總結了文章,而不是僅僅鏈接到現場,這個答案會更好。 – KatieK 2013-06-27 18:43:38
由於哈伊姆Evgi本文http://davidwalsh.name/css-page-breaks
除了什麼文章中本已說明中提及,我想指出的是,它的使用。第-突破之前好習慣:auto而不是.page-break-before:永遠。只有當頁面內容處於末尾時,「auto」纔會中斷頁面,這樣可以防止打開頁面並留下大量空白區域。
的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>
你也可能只是想阻止一個元素中的分頁符。
E.g.在打印時不希望被撕開的短表格:
@media print {
table {
page-break-inside: avoid;
}
}
如果這篇文章總結文章而不是僅僅鏈接到非現場,這個答案會更好。 – KatieK 2013-06-27 18:43:12