working page not new inside ejemplo before after css printing printing-web-page

css - new - page-break-after not working



Soporte para navegadores cruzados de `page-break-inside: avoid;` (3)

Tengo muchos div en una página con cantidades variables de contenido en ellos. Estoy tratando de usar page-break-inside: avoid; para que cada sección div no se rompa en 2 páginas.

Está funcionando en Firefox pero no en IE8.

Tengo esto en mi archivo de impresión CSS

.page-break-inside-avoid { page-break-inside: avoid; }

y mis divs llevan la clase como en <div class="page-break-inside-avoid">

IE8 se supone que es compatible con esto ahora. ¿No es así?

¿Estoy haciendo algo mal? ¿Alguien resolvió este problema? ¿O tuvo alguna experiencia con eso?

Cualquier ayuda sería genial.

muchas gracias richard


Sin ver el código, solo puedo adivinar que es algo que tiene que ver con la altura o el anidamiento de los divs a los que intentas aplicarlo. Podría incluso tener el ancho que recuerde, tanto las Previsualizaciones de impresión en IE y FF tendrán diferentes dimensiones de ventana (desde la ventana del navegador normal y entre ellas), unos pocos píxeles podrían cambiar por completo la visualización de la misma


Microsoft Word 2010 no parece respetar este atributo de estilo al importar desde HTML (transición XHTML 1.0), es decir, un elemento <div> se puede dividir.


Webdevout.net es un gran lugar para verificar la compatibilidad de CSS del navegador.

Para page-break-inside solo IE8 y Opera 8+ se muestran para admitirlo