Našlės - CSS-gudrybės

Anonim

Tipografiniu požiūriu našlė yra paskutinė pastraipos eilutė, kuri paliekama viena naujame puslapyje arba naujame stulpelyje. widowsCSS nuosavybė kontroliuoja minimalų skaičių eilučių yra dalis, kad gali nukristi į naują puslapį. Ši nuosavybė turi įtakos tik puslapiuose laikmenoms, tokioms kaip print.

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

Jei pastraipa negali tilpti viename puslapyje, ji padalijama visur, kur tik įmanoma. Tokiu būdu atskiros pastraipos eilutės gali būti rodomos puslapyje, kol ji nebus tęsiama kitame puslapyje. Paprastai tai yra nepageidaujama, todėl daugelyje teksto redaktorių senajame puslapyje reikia palikti ne mažiau kaip dvi eilutes, o ne vieną. orphanNuosavybė veikia panašiai. Galite suteikti jai teigiamą skaičių (kur numatytasis yra 2) arba inherit.

Atkreipkite dėmesį, kad ši widowsypatybė paprastai neturi įtakos nepriskirtoms laikmenoms, tokioms kaip screen. Tačiau naršyklės, palaikančios abu, widowsir columnsnumatytas funkcijas pritaikys ir stulpeliams. Be to, ši nuosavybė veikia tik bloko lygio elementus.

Trumpai tariant, CSS:
  • widows= minimalus eilučių skaičius pastraipoje, padalytoje naujame puslapyje.
  • orphans= minimalus eilučių skaičius pastraipoje, padalytoje sename puslapyje.
Raudonos linijos yra našlės.

Susijęs

  • našlaičių

Naršyklės palaikymas

Šie naršyklės palaikymo duomenys yra iš „Caniuse“, kuri turi daugiau informacijos. Skaičius rodo, kad naršyklė palaiko šios ir naujesnės versijos funkciją.

Darbalaukis

„Chrome“ „Firefox“ T.Y Briauna „Safari“
25 Ne 8 12 7

Mobilusis / planšetinis kompiuteris

„Android Chrome“ „Android Firefox“ „Android“ „iOS Safari“
88 Ne 4.4 7,0–7,1