Luego de indagar en diversos repositorios y sitios al final hemos hallado la resolución que te enseñaremos ahora.
Solución:
Especifique una regla CSS específica para el tipo de medio de impresión. Hay una serie de propiedades que se pueden utilizar para la paginación. Me resulta más fácil adjuntar el page-break-before
propiedad a una clase, como se muestra a continuación.
En el HTML:
Page 1, paragraph 1
Page 2, paragraph 1
Page 2, paragraph 2
En el CSS:
@media print
.new-page
page-break-before: always;
cuando uso wkhtmltopdf
trabajo con las siguientes clases:
.keep-together
page-break-inside: avoid;
.break-before
page-break-before: always;
.break-after
page-break-after: always;
Entonces puedo forzar:
- Que el contenido de un contenedor en particular no esté repartido en dos páginas (si cabe en una sola página). Al usar el
keep-together
clase se crea un salto de página antes del contenedor si es necesario. - Que se fuerza un salto de página antes de un contenedor en particular.
- Que se fuerza un salto de página después de un contenedor en particular.
los @media print
no funcionó para mí con wkhtmltopdf
.
Solo agrega eso en tu código html
Si eres capaz, tienes la habilidad dejar un escrito acerca de qué le añadirías a esta crónica.
¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)