Html Page Break no funciona

Estoy tratando de establecer un salto de página en la página en la que estoy trabajando, pero en la vista previa de la impresión aún veo cosas en la página que no deberían estar allí. No puedo entender por qué esto no está funcionando.

En mi estilo css:

.applicant-break hr {page-break-after:always;} 

En mi código ASP.NET … vista parcial del código, las tags de inicio están ahí:

 Resume 



Cualquier ayuda sería apreciada.

Tu css necesita ser

 hr.applicant-break {page-break-after:always;} 

EDITAR:

Al leer un poco en el sitio web de W3Schools , parece que esta propiedad css está destinada a elementos de tabla

“Establezca el comportamiento de salto de página para romper siempre después de un elemento de tabla”

EDITAR:

Al leer un poco más, parece que los navegadores son más compatibles que el elemento de tabla, sin embargo, algunos navegadores tienen problemas con él en las tags HR y BR ( leyendo aquí )

intente poner un div después de la hora como tal

 

y cambiando tu CSS a

 div.applicant-break {page-break-after:always;} 

Así que aparentemente soy tonto, estaba intentando confiar en la vista previa de impresión de Chrome en lugar de simplemente imprimirlo yo mismo, al imprimirlo veo que el salto de página funciona, ¡gracias por su asistencia! 🙂

Tan justa advertencia para cualquier persona que lea esto, aunque es útil, no siempre le da una vista precisa de su trabajo de impresión todo el tiempo.