Какие есть способы управления разрывами страниц в CSS?

Некоторые способы управления разрывами страниц в CSS:

1. Разрыв страницы перед элементом. vc.ru habr.com Для этого используется правило page-break-before. vc.ru habr.com Например, чтобы элемент всегда был в начале страницы, можно написать section { page-break-before: always;}. vc.ru habr.com
2. Разрыв страницы после элемента. vc.ru habr.com Для этого применяется правило page-break-after. vc.ru habr.com С его помощью можно принудительно разорвать или, наоборот, избежать разрыва страницы после элемента. vc.ru Например, h2 { page-break-after: always;}. vc.ru habr.com
3. Разрыв страницы внутри элемента. vc.ru habr.com Это правило поможет избежать разделения элемента на две страницы. vc.ru Например, ul { page-break-inside: avoid;}. vc.ru habr.com
4. Управление выводом абзацев на границах страниц. habr.com Если последняя строка абзаца на текущей странице не помещается, на следующей странице будут напечатаны последние две строки этого абзаца. habr.com Это происходит из-за свойства widows («верхние висячие строки»). habr.com По умолчанию оно установлено в значение 2, но его можно изменить. habr.com Например, p { widows: 4;}. habr.com Если лишь одна строка абзаца помещается на текущей странице, весь абзац будет напечатан на следующей странице. habr.com Для этого используется свойство orphans («нижние висячие строки»). habr.com Например, p { orphans: 3;}. habr.com

Стоит учитывать, что не все свойства и их значения универсальны, поэтому CSS-стили для печати стоит проверять в разных браузерах. habr.com