seccion - ¿Puedo forzar un salto de página en la impresión HTML?

salto de pagina en html para imprimir

Question

Estoy haciendo un informe HTML que se podrá imprimir, y tiene "secciones" que deberían comenzar en una página nueva.

¿Hay alguna forma de poner algo en el HTML / CSS que indique al navegador que necesita saltar a una nueva página en ese punto?

No necesito que esto funcione en todos los navegadores, creo que puedo decirle a la gente que use un conjunto específico de navegadores para poder imprimir esto.

Gracias
Daniel

Answer 1

@ Chris Doggett tiene perfecto sentido. Aunque encontré un truco divertido en lvsys.com , y realmente funciona en Firefox y Chrome. Simplemente coloque este comentario en cualquier lugar donde desee insertar el salto de página. También puede reemplazar la etiqueta <p> con cualquier elemento de bloque.

<p><!-- pagebreak --></p>

Answer 2

Agregue una clase de CSS llamada "pagebreak" (o "pb"), así:

.pagebreak { page-break-before: always; } /* page-break-after works, as well */

A continuación, agregue una etiqueta DIV vacía ( o cualquier elemento de bloque que genere un cuadro ) donde desee el salto de página.

<div class="pagebreak"> </div>

No aparecerá en la página, pero dividirá la página al imprimir.

Answer 3

Pruebe este link

<style>
@media print
{
h1 {page-break-before:always}
}
</style>

Answer 4

Puede utilizar la propiedad CSS page-break-before (o page-break-after ). Simplemente configure page-break-before: always en los elementos de nivel de bloque (por ejemplo, encabezado, div , p o elementos de table ) que deberían comenzar en una nueva línea.

Por ejemplo, para causar un salto de línea antes de cualquier encabezado de segundo nivel y antes de cualquier elemento en la newpage clase (por ejemplo, <div class=newpage> ...), <div class=newpage>

h2, .newpage { page-break-before: always }