Siroty - Triky CSS

Anonim

Z hľadiska typografie je osirelosť prvý riadok odseku, ktorý zostane na starej stránke, zatiaľ čo odsek pokračuje ďalšou. orphanVlastnosť určuje minimálny počet riadkov v odseku, ktorý môže byť ponechaná na staré stránky. Táto vlastnosť ovplyvňuje iba stránkované médiá, ako sú print.

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

Ak sa napríklad odsek nezmestí na jednu stránku ako celok, bude rozdelený všade, kde je to možné. Týmto spôsobom sa môžu na stránke zobraziť jednotlivé riadky odseku skôr, ako bude pokračovať na nasledujúcej stránke. To je zvyčajne nežiaduce, takže veľa textových procesorov vyžaduje, aby na starej stránke zostali aspoň dva riadky, a nie jeden. Môžete mu dať kladné číslo (kde 2 je predvolené) alebo inherit.

Upozorňujeme, že orphanvlastnosť všeobecne neovplyvňuje nestránkované médiá, ako sú screen. Avšak prehliadače podporujú ako orphansa columnsbude uplatňovať zamýšľanú funkčnosť stĺpcoch rovnako. Vlastnosť tiež ovplyvňuje iba prvky na úrovni bloku.

Stručne povedané, v CSS konkrétne:
widows= minimálny počet riadkov v odseku rozdelenom na novej stránke.
orphans= minimálny počet riadkov v odseku rozdelenom na starú stránku.
Červené čiary sú siroty.

Súvisiace

  • vdovy

Podpora prehľadávača

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