2010-02-25 6 views

Odpowiedz

1

pomocą CSS page-break-before i page-break-after elementów.

2

Jak Haim Evgi mowa w tym artykule http://davidwalsh.name/css-page-breaks

Poza tym, co już opisano w artykule, chciałbym podkreślić, że jest to dobra praktyka, aby korzystać .strona-break-before : auto zamiast .page-break-before: always. "Auto" przerwie stronę tylko wtedy, gdy zawartość jest na końcu, jeśli strona, to zapobiega łamaniu strony i pozostawiając dużo pustego miejsca.

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

Można też po prostu chcą uniknąć podziałów strony wewnątrz elementu.

E.g. krótkie tabele, których nie chcesz rozdzierać podczas drukowania:

@media print { 
    table { 
     page-break-inside: avoid; 
    } 
}  
Powiązane problemy