CSS => фрагментация

Синтаксис

page-break-after: авто | всегда | избегать | левый | право | начальная | наследовать;
page-break-before: auto | всегда | избегать | левый | право | начальная | наследовать;
перерыв страницы: авто | избегать | начальная | наследовать;

Значение	Описание
авто	По умолчанию. Автоматические разрывы страниц
всегда	Всегда вставляйте разрыв страницы
избежать	Избегайте разрыва страницы (если возможно)
оставил	Вставьте разрывы страниц, чтобы следующая страница была отформатирована как левая страница
право	Вставьте разрывы страниц, чтобы следующая страница была отформатирована как правая страница
начальная	Устанавливает это свойство по умолчанию.
унаследовать	Наследует это свойство от его родительского элемента.

В CSS нет свойства разрыва страницы. Только 3 свойства ( перерыв страницы, перерыв страницы, перерыв страницы ).

Связанные: orphans , widows .

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

Этот код делает 3 вещи:

он предотвращает разрыв страницы внутри любых тэгов, что означает, что абзац никогда не будет разбит на две страницы, если это возможно.
он заставляет перерыв страницы перед всеми заголовками h1, что означает, что перед каждым возникновением h1 произойдет разрыв страницы.
он предотвращает разрывы страниц сразу после любого h2

Modified text is an extract of the original Stack Overflow Documentation

Лицензировано согласно CC BY-SA 3.0

Не связан с Stack Overflow