Vdove - CSS-triki

Anonim

V tipografskem smislu je vdova zadnja vrstica odstavka, ki ostane sama na novi strani ali v novem stolpcu. widowsHotel v CSS nadzoruje najmanjše število vrstic v odstavku, ki lahko sodijo na novo stran. Ta lastnost vpliva samo na ostranjene medije, kot je print.

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

Če odstavek ne more stati na eni strani v celoti, se razdeli, kjer koli je to mogoče. Tako se lahko na strani pojavijo posamezne vrstice odstavka, preden se nadaljuje na naslednji strani. To je ponavadi nezaželeno, zato mnogi urejevalniki besedil zahtevajo, da na stari strani ostaneta vsaj dve vrstici, namesto ene. orphanLastnost deluje podobno. Lahko mu daste pozitivno številko (pri čemer je privzeta vrednost 2) ali inherit.

Upoštevajte, da widowslastnost na splošno ne vpliva na nespanirane medije, kot je screen. Vendar pa bodo brskalniki, ki podpirajo oboje, widowsin columnspredvidene funkcije uporabili tudi za stolpce. Lastnost vpliva tudi samo na elemente na ravni bloka.

Skratka, v CSS posebej:
  • widows= najmanjše število vrstic v odstavku, razdeljenem na novi strani.
  • orphans= najmanjše število vrstic v odstavku, razdeljenem na stari strani.
Rdeče črte so vdove.

Sorodno

  • sirote

Podpora za brskalnik

Ti podatki o podpori brskalnika so od Caniuse, ki vsebuje več podrobnosti. Številka pomeni, da brskalnik podpira to funkcijo v tej različici ali novejši.

Namizje

Chrome Firefox IE Rob Safari
25. Ne 8. 12. 7.

Mobilni / tablični računalnik

Android Chrome Android Firefox Android iOS Safari
88 Ne 4.4 7,0-7,1