Problema de impresión: prevención de la bifurcación de DIV entre páginas

¿Se encuentra con un dilema de impresión en el que los DIV dinámicos se cortan por la mitad entre las páginas? Este problema surge al intentar imprimir documentos extensos con numerosos elementos DIV de altura variable.

Solución CSS al rescate

Para solucionar este problema, la propiedad CSS rompe- El interior viene al rescate. Al especificar el valor evitar, puede asegurarse de que el motor de renderizado evite que los DIV se dividan a mitad de camino. Aquí está el fragmento de código:

@media print {
  div {
    break-inside: avoid;
  }
}

Esta solución es compatible con todos los navegadores principales, incluidos:

• Chrome 50
• Edge 12
• Firefox 65
• Opera 37
• Safari 10

Opción alternativa

Otra opción viable es utilizar salto de página dentro: evitar; en lugar de allanamiento: evitar;. Sin embargo, este enfoque ha quedado obsoleto y debe usarse con precaución.