Weduwen - CSS-trucs

Anonim

Typografisch gezien is een weduwe de laatste regel van een alinea die alleen op een nieuwe pagina of in een nieuwe kolom wordt gelaten. De widowseigenschap in CSS bepaalt het minimumaantal regels van een alinea dat op een nieuwe pagina kan vallen. Deze eigenschap is alleen van invloed op wisselende media zoals print.

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

Als een alinea niet in zijn geheel op één pagina past, wordt deze waar mogelijk gesplitst. Op die 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. De orphaneigenschap werkt vergelijkbaar. U kunt het een positief getal geven (waarbij 2 de standaardinstelling is) of inherit.

Merk op dat de widowseigenschap over het algemeen niet van invloed is op niet-wisselbare media zoals screen. Browsers die beide ondersteunen widows, 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 alinea die op de nieuwe pagina is gesplitst .
  • orphans= minimum aantal regels in een alinea die op de oude pagina is gesplitst .
De rode lijnen zijn weduwen.

Verwant

  • wezen

Browser-ondersteuning

Deze browserondersteuningsgegevens zijn van Caniuse, die meer details bevat. Een getal geeft aan dat de browser de functie ondersteunt vanaf die versie.

Bureaublad

Chrome Firefox D.W.Z Rand Safari
25 Nee 8 12 7

Mobiel / tablet

Android Chrome Android Firefox Android iOS Safari
88 Nee 4.4 7.0-7.1