2010-02-25 78 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; 
    } 
}