Estoy en un proyecto y se me ha asignado la tarea de modificar una página de informe para que sea imprimible. El informe usa PHP para generar tablas dentro de los divs, pero los divs a veces tienen más de 1 página en la impresión. Entonces, lo que termina sucediendo es que las tablas/divs se rompen una vez que se agota la longitud de la página. El resultado final es un desastre abarrotado.¿Cómo se reduce el contenido para que se ajuste a un div?
que han modificado el print.css con la etiqueta:
.general_report {
page-break-after: always;
}
con todos los divs que parece:
<div class="general_report">
que limpia el informe un poco (es decir, cada sección comienza con una nueva página). Pero esto parece desperdiciar bastante papel, y no resuelve el problema del salto de página en la mitad de la mesa. Mi otra idea era auto-encoger los contenidos de los divs para que queparan exactamente 1 página. Ninguno de nuestros divs tiene> 2 páginas, así que si esto fuera posible creo que sería una buena solución ... ¿Pero es posible? ¿Hay alguna manera de que css ajuste los tamaños de fuente para que se ajusten a la longitud de div?
Busqué en Google scale contents to fit div, pero todos parecen querer lo contrario de lo que quiero (es decir, div se ajusta al contenido, no al contenido que se ajusta a div).
¿Alguien tiene alguna ayuda que puedan proporcionar? También funcionaría un ejemplo general de impresión de tablas html, ya que todos los resultados que pude encontrar implican el CSS no compatible con el navegador (es decir, no funciona): "page-break-inside: avoid".
Gracias de antemano.