2010-02-25 83 views

回答

1

使用的CSS頁面突破之前和分頁,之後的元素。

2

由於哈伊姆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> 
0

你也可能只是想阻止一個元素中的分頁符。

E.g.在打印時不希望被撕開的短表格:

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