Lesed - CSS-trikid

Anonim

Tüpograafias on lesk lõigu viimane rida, mis jäetakse üksi uuele lehele või uude veergu. widowsVara CSS kontrollib minimaalne arv ridu lõik, mis võib langeda kuni uue lehekülje. See omadus mõjutab ainult lehitsetud meediumit, näiteks print.

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

Kui lõik ei mahu tervikuna ühele lehele, jagatakse see kõikjal, kus see on võimalik. Nii võivad lõigu üksikud read ilmuda lehel, enne kui see jätkub järgmisel lehel. See on tavaliselt soovimatu, nii et paljud tekstitöötlusprogrammid nõuavad vanale lehele ühe asemel vähemalt kahe rea jätmist. orphanVara toimib sarnane. Võite anda sellele kas positiivse arvu (kus vaikimisi on 2) või inherit.

Pange tähele, et see widowsomadus ei mõjuta tavaliselt lehitsemata meediumit, näiteks screen. Kuid brauserid toetavad nii widowsja columnskohaldab mõeldud funktsionaalsust veergu samuti. Samuti mõjutab see vara ainult plokitaseme elemente.

Lühidalt, CSS-is konkreetselt:
  • widows= minimaalne ridade arv lõigulõigul uuel lehel.
  • orphans= minimaalne ridade arv vanal lehel jaotatud lõigus .
Punased jooned on lesed.

Seotud

  • vaeslapsed

Brauseri tugi

Need brauseri tugiandmed pärinevad Caniuse'ilt, millel on üksikasjalikum teave. Number näitab, et brauser toetab selle versiooni ja uuemat funktsiooni.

Töölaud

Chrome Firefox IE Edge Safari
25 Ei 8 12 7

Mobiil / tahvelarvuti

Android Chrome Android Firefox Android iOS-i Safari
88 Ei 4.4 7,0–7,1