CSS => Podział

Składnia

podział strony po: auto | zawsze | unikać | lewo | prawo | inicjał | dziedziczyć;
podział strony przed: auto | zawsze | unikać | lewo | prawo | inicjał | dziedziczyć;
podział strony: auto | unikać | inicjał | dziedziczyć;

Wartość	Opis
automatyczny	Domyślna. Automatyczne podziały stron
zawsze	Zawsze wstaw podział strony
uniknąć	Unikaj podziału strony (jeśli to możliwe)
lewo	Wstaw podziały stron, aby następna strona została sformatowana jako strona lewa
dobrze	Wstaw podziały stron, aby następna strona została sformatowana jako prawa strona
Inicjał	Ustawia tę właściwość na wartość domyślną.
dziedziczyć	Dziedziczy tę właściwość po elemencie nadrzędnym.

W CSS nie ma właściwości podziału strony. Tylko 3 właściwości ( podział strony przed , podział strony po , podział strony wewnątrz ).

Powiązane: orphans , widows .

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

Ten kod robi 3 rzeczy:

zapobiega łamaniu się stron wewnątrz jakichkolwiek znaczników p, co oznacza, że akapit nigdy nie zostanie podzielony na dwie strony, jeśli to możliwe.
wymusza podział strony przed wszystkimi nagłówkami h1, co oznacza, że przed każdym wystąpieniem h1 nastąpi podział strony.
zapobiega łamaniu stron zaraz po drugim h2

Modified text is an extract of the original Stack Overflow Documentation

Licencjonowany na podstawie CC BY-SA 3.0

Nie związany z Stack Overflow