miércoles, 20 de febrero de 2013

CSS - EVITAR QUE UNA DIVISION QUEDE CORTADA AL SALTAR DE PAGINA IMPRESA

No es habitual que se imprima una página web, al menos en papel.
Pero sí que es habitual que se considere importante la versión impresa de una página web, si otra cosa no, porque es mejor prevenir que curar, y la optimización de la versión impresa
¡  AHORRA MEDIO AMBIENTE  !
 
Es apreciable y deseable que se ahorren páginas de impresión (se ahorra papel), pero a veces es mejor considerar el esfuerzo de lectura posterior. Por ejemplo, si una división, en general un conjunto de párrafos con un título de apartado, se imprimiera a caballo entre dos páginas, este esfuerzo de lectura se verá incrementado. En ese caso ¿cómo se puede evitar que el contenido entre <div> y </div> se quede cortado?
 
CSS tiene la solución: basta con incluir estas lineas en el código css de tu página: 
 
@media print
{
     div
     {
        page-break-inside: avoid;
     }
}

No hay comentarios:

Publicar un comentario