Estoy intentando utilizar un print.css para imprimir una div por página, y yo estoy fallando

Question

Un ejemplo de mi código es la siguiente:

<div class="print"> 
This div needs to be on one page. 
</div> 

<div class="print"> 
This div needs to print on a separate page. 
</div> 

Tengo un par divs como la de arriba, y yo necesita que cada div esté en su propia página cuando se imprima. Intenté 'page-break-before' y 'page-break-after' en la clase .print en print.css. No estoy seguro de lo que estoy haciendo mal.

Me parece que 'page-break-after' estaría bien, y esa es la solución que siempre encuentro cuando busco, pero parece que no puedo hacer que funcione.

Answer 1

probar esto después de cada etiqueta </div>

<br clear="all" style="page-break-before:always" /> 

funciona para mí ...

Answer 2

Se debe utilizar la regla de CSS:

.print {page-break-after:always;} 

Me funciona en Chrome 12.0 y Firefox 3.5

La solución dada por Allex usando una etiqueta br no funciona esta versión de Chrome