Orbud - CSS-trikid

Anonim

Tüpograafias on orb vanaks leheks jäänud lõigu esimene rida, samal ajal kui lõik jätkub järgmisel. orphanVara kontrollib minimaalne arv ridu lõik, mis võib jätta vana lehel. See omadus mõjutab ainult lehitsetud meediumit, näiteks print.

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

Näiteks 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. Võite anda sellele kas positiivse arvu (kus vaikimisi on 2) või inherit.

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

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

Seotud

  • lesed

Brauseri tugi

Chrome Safari Firefox Ooper IE Android iOS
25+ Puudub Puudub 9,2+ 8+ Puudub Puudub