Văduve - CSS-Tricks

Anonim

În termeni de tipografie, o văduvă este ultima linie a unui paragraf care este lăsată singură pe o pagină nouă sau într-o nouă coloană. widowsProprietatea în CSS controlează numărul minim de linii ale unui paragraf care poate cădea într - o pagină nouă. Această proprietate afectează numai suporturile paginate, cum ar fi print.

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

Dacă un paragraf nu se potrivește pe o pagină în întregime, este împărțit ori de câte ori este posibil. În acest fel, liniile simple ale unui paragraf pot apărea pe pagină înainte de a continua pe pagina următoare. Acest lucru este de obicei nedorit, astfel încât multe procesoare de text necesită cel puțin două linii pentru a fi lăsate pe o pagină veche, în loc de una. orphanProprietatea acte similare. Puteți da fie un număr pozitiv (unde 2 este valoarea implicită), fie inherit.

Rețineți că widowsproprietatea nu afectează, în general, suporturile non-paginate, cum ar fi screen. Cu toate acestea, browserele care acceptă ambele widowsși columnsvor aplica funcționalitatea intenționată și coloanelor. De asemenea, proprietatea afectează numai elementele la nivel de bloc.

Pe scurt, în CSS în mod specific:
  • widows= numărul minim de linii dintr-un paragraf împărțit pe noua pagină.
  • orphans= numărul minim de linii dintr-un paragraf împărțit pe pagina veche .
Liniile roșii sunt văduve.

Legate de

  • orfani

Suport pentru browser

Aceste date de asistență pentru browser provin de la Caniuse, care are mai multe detalii. Un număr indică faptul că browserul acceptă funcția în versiunea respectivă și în sus.

Desktop

Crom Firefox IE Margine Safari
25 Nu 8 12 7

Mobil / Tabletă

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