Sirote - CSS-triki

Anonim

V tipografskem smislu je sirota prva vrstica odstavka, ki ostane na stari strani, odstavek pa se nadaljuje na naslednji. orphanLastnost nadzoruje najmanjše število vrstic v odstavku, ki se lahko ostal na stari strani. Ta lastnost vpliva samo na ostranjene medije, kot je print.

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

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

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

Skratka, posebej v CSS:
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 sirote.

Sorodno

  • vdove

Podpora za brskalnik

Chrome Safari Firefox Opera IE Android iOS
25+ Nobenega Nobenega 9,2+ 8+ Nobenega Nobenega