Wezen - CSS-trucs

Anonim

Typografisch gezien is een wees de eerste regel van een alinea die op de oude pagina wordt achtergelaten terwijl de alinea doorgaat op de volgende. De orphaneigenschap bepaalt het minimum aantal regels van een alinea dat op de oude pagina kan worden achtergelaten. Deze eigenschap is alleen van invloed op wisselende media zoals print.

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

Als een alinea bijvoorbeeld niet in zijn geheel op één pagina past, wordt deze waar mogelijk gesplitst. Op deze manier kunnen enkele regels van een alinea op de pagina verschijnen voordat deze verder gaat op de volgende pagina. Dit is meestal ongewenst, dus voor veel tekstverwerkers moeten er ten minste twee regels op een oude pagina worden achtergelaten in plaats van één. U kunt het een positief getal geven (waarbij 2 de standaardinstelling is) of inherit.

Merk op dat de orphaneigenschap over het algemeen niet van invloed is op niet-wisselbare media zoals screen. Browsers die beide ondersteunen orphans, columnszullen de bedoelde functionaliteit echter ook op kolommen toepassen. Bovendien heeft de eigenschap alleen invloed op elementen op blokniveau.

Kortom, in CSS specifiek:
widows= minimum aantal regels in een paragraaf opgesplitst op de nieuwe pagina.
orphans= minimum aantal regels in een alinea die op de oude pagina is gesplitst .
De rode lijnen zijn wezen.

Verwant

  • weduwen

Browser-ondersteuning

Chrome Safari Firefox Opera D.W.Z Android iOS
25+ Geen Geen 9.2+ 8+ Geen Geen