Saltar al contenido

page-break-after no funciona en Chrome

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)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *