Сироты - CSS-хитрости

Anonim

С точки зрения типографики, сирота - это первая строка абзаца, которая остается на старой странице, а абзац продолжается на следующей. orphanСвойство управляет минимальным количеством строк абзаца , которые можно оставить на старой странице. Это свойство влияет только на страничные носители, такие как print.

@media print ( p ( orphans: 3; ) )

Например, если абзац не помещается на одной странице целиком, он разделяется везде, где это возможно. Таким образом, отдельные строки абзаца могут появляться на странице до того, как он продолжится на следующей странице. Обычно это нежелательно, поэтому многие текстовые процессоры требуют, чтобы на старой странице оставалось как минимум две строки вместо одной. Вы можете присвоить ему положительное число (где 2 по умолчанию) или inherit.

Обратите внимание, что orphanсвойство обычно не влияет на невыгружаемые носители, такие как screen. Однако браузеры, поддерживающие и то, orphansи другое, columnsбудут применять намеченные функции и к столбцам. Кроме того, свойство влияет только на элементы блочного уровня.

Короче говоря, конкретно в CSS:
widows= минимальное количество строк в разделенном абзаце на новой странице.
orphans= минимальное количество строк в разделенном абзаце на старой странице.
Красные линии - сироты.

Связанный

  • вдовы

Поддержка браузера

Хром Сафари Fire Fox Опера IE Android iOS
25+ Никто Никто 9.2+ 8+ Никто Никто