CSS
Fragmentación

Angular 2 AngularJS ASP.NET HTML JavaScript jQuery PHP SVG twitter-bootstrap WordPress
Buscar..


Sintaxis

  • Salto de página después: auto | siempre | evitar izquierda | derecha | inicial | heredar;
  • Page-break-before: auto | siempre | evitar izquierda | derecha | inicial | heredar;
  • Page-break-inside: auto | evitar inicial | heredar;

Parámetros

Valor Descripción
auto Defecto. Saltos de página automáticos
siempre Siempre inserta un salto de página
evitar Evite el salto de página (si es posible)
izquierda Insertar saltos de página para que la página siguiente se formatee como una página izquierda
Correcto Insertar saltos de página para que la página siguiente se formatee como una página de la derecha
inicial Establece esta propiedad a su valor predeterminado.
heredar Hereda esta propiedad de su elemento padre.

Observaciones

No hay propiedad de salto de página en CSS. Solo las 3 propiedades ( salto de página anterior , salto de página posterior , salto de página interno ).

Relacionados: orphans , widows .

Impresión de medios de página

@media print {
  p {
    page-break-inside: avoid;
  }
  h1 { 
    page-break-before: always;
  }
  h2 {
    page-break-after: avoid;
  }
}

Este código hace 3 cosas:

  • evita un salto de página dentro de cualquier etiqueta p, lo que significa que un párrafo nunca se dividirá en dos páginas, si es posible.
  • obliga a un salto de página anterior en todos los encabezados h1, lo que significa que antes de cada aparición de h1, habrá un salto de página.
  • Evita saltos de página justo después de cualquier h2.


Modified text is an extract of the original Stack Overflow Documentation
Licenciado bajo CC BY-SA 3.0
No afiliado a Stack Overflow