¿Cómo agregar el salto de página dinámicamente a la página de impresión?

Question

Hay una larga en el contenido de la página de impresión, pero mientras imprimimos se reduce el contenido del texto.

alt text http://img694.imageshack.us/img694/6766/printpage.jpg

por favor hágamelo saber, si hay alguna manera dinámica para agregar CSS page-break. el contenido puede ser cualquier cosa.

Answer 1

sí, este artículo explica:

http://davidwalsh.name/css-page-breaks

Answer 2

uso del CSS page-break-antes y page-break-después de los elementos.

Answer 3

Ok, encontré algo que funcionó, es un poco de JS pero parece que funciona. Aquí hay un enlace: Specifying page breaks for printing using CSS

Answer 4

Como Haim Evgi referencia en este artículo http://davidwalsh.name/css-page-breaks

Además de lo que ya se ha descrito en el artículo, me gustaría señalar que es una buena práctica usar .página-break-before : auto en lugar de .page-break-before: always. El "auto" romperá la página solo si los contenidos están al final si la página, esto evitará que se rompa la página y dejando un montón de espacio en blanco.

El CSS

@media all { 
    .page-break { display: none; } 
} 

@media print { 
    .page-break { display: block; page-break-before: auto; } 
} 

El 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 5

También es posible que quieran evitar los saltos de página dentro de un elemento.

E.g. tablas cortas que no desea que se rompan durante la impresión:

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