Sieroty - CSS-Tricks

Anonim

W terminologii typograficznej sierota to pierwszy wiersz akapitu, który pozostaje na starej stronie, podczas gdy akapit jest kontynuowany na następnej. orphanWłaściwość steruje minimalną liczbę wierszy, które mogą być pozostawione na starej stronie. Ta właściwość dotyczy tylko stronicowanych multimediów, takich jak print.

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

Na przykład, jeśli akapit nie mieści się w całości na jednej stronie, zostaje podzielony tam, gdzie jest to możliwe. W ten sposób pojedyncze wiersze akapitu mogą pojawić się na stronie, zanim przejdą do następnej strony. Zwykle jest to niepożądane, dlatego wiele edytorów tekstu wymaga pozostawienia co najmniej dwóch wierszy na starej stronie zamiast jednego. Możesz nadać mu liczbę dodatnią (gdzie 2 jest wartością domyślną) lub inherit.

Należy pamiętać, że ta orphanwłaściwość zazwyczaj nie wpływa na media niestronicowane, takie jak screen. Jednak przeglądarki obsługujące obie te funkcje orphansi columnszastosują zamierzoną funkcjonalność również do kolumn. Ponadto właściwość ma wpływ tylko na elementy blokowe.

Krótko mówiąc, konkretnie w CSS:
widows= minimalna liczba wierszy w akapicie podzielonym na nowej stronie.
orphans= minimalna liczba wierszy w akapicie podzielonym na starej stronie.
Czerwone linie to sieroty.

Związane z

  • wdowy

Wsparcie przeglądarki

Chrom Safari Firefox Opera TO ZNACZY Android iOS
25+ Żaden Żaden 9.2+ 8+ Żaden Żaden