2008 Comments Off
Saltos de página en CSS
Las hojas de estilos son importantes tanto para mostrar en una pantalla común, como para mostrarlos en otros dispositivos, por ejemplo al imprimirlos.
A la hora de imprimir una página web es necesario para que la lectura sea más cómoda, pensar en los saltos de página. Para lo cual existe la propiedad page-break-before, la cual nos permite saltar de página antes del elemento.
Para ello deberemos añadir en nuestras hojas de estilo:
@media all {
.page-break { display:none; }
}
@media print {
.page-break { display:block; page-break-before:always; }
}Y en nuestra página web lo siguiente:
<div class="page-break"></div>Advanced CSS Printing — Using CSS Page Breaks
Vía / Posh CSS