“Последняя строка из параграфа, перенесенная на новую страницу, называется вдовой. У нее есть буде, но нет прошлого, и она выглядит укороченной и несчастной”.
В CSS 2 был введен всесторонний контроль разрыва страниц, однако поддержки браузеров ограничиваются пока только одной лишь Opera 9. Единственные страничные свойства, которые поддерживают Internet Explorer 7, Safari 3 и Firefox 2 – это ‘page-break-before’ и ‘page-break-after’ (это также относится к IE8 и Firefox 3 beta в момент написания статьи).
Свойства ‘page-break-before’ и ‘page-break-after ' позволяют сказать, когда должен произойти разрыв страницы - до или после указанного элемента. Следующий пример запускает новую страницу каждый раз, когда встречается заголовок ‘h1’ и после каждого раздела.
h1 {
page-break-before:always }
.section {
page-break-after:always }
Если вы знаете (или можете рассчитать) когда параграф будет разбит на две страницы, вы должны проконтролировать некоторых сырых вдов и сирот, придавая этому параграфу соответствующее значение и делая разрыв страницы перед ними, например:
.dontsplit {
page-break-before:always }
На самом деле это невероятные ситуации, который всегда будут проблематичными, если читатели установят другой, отличный от вашего, размер текста для печати или выберут другой размер бумаги.
Будущее.
В сущности, контроль вдов и сирот в настоящее время невозможен для подавляющего большинства людей. Однако поддержка CSS 2 будет со временем возрастать, так что если вы пишете в печатном стиле, то стоит учесть свойства, которые указаны в CSS 2. Родственное свойство к 'page-break-after', указанному ранее, свойство 'page-break-inside', которое останавливает элементы промежуточных страниц. Например вы можете применить это правило ко все рубрикам:
h1, h2, h3, h4, h5, h6 {
page-break-inside:never }
Точные вдовы и сироты также доступны через свойства ‘вдова’ и 'сирота'. Значение свойства – минимальное количество линий, которым позволено быть вдовами или сиротами. Например, вы можете оставить менее четырех строк параграфа позади или разрешить к печати на новой странице, используя следующее:
p {
widows:4;
orphans:4 }
Комментариев нет:
Отправить комментарий