Solución:
Es un truco, pero Chrome no admite muy bien los saltos de página. Así que intenta usar esto en su lugar:
<body>
<main role="main">
<section class="tabs">
<div class="tabbed-content">
<div class="break-after">Page 1</div>
<div class="break-before">Page 2</div>
</div>
</section>
</main>
</body>
Y agregue esto a su css:
html, body, .main, .tabs, .tabbed-content { float: none; }
.break-after {
display: block;
page-break-after: always;
position: relative;
}
.break-before {
display: block;
page-break-before: always;
position: relative;
}
Tenga en cuenta que para que el salto de página funcione, div no debe tener ningún flotador.
Entonces, si su div dice float: left, reinícielo para imprimir diciendo: float: none y hará que el salto de página funcione nuevamente.
¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)