Sirotci - Triky CSS

Anonim

V typografických termínech je osiřelý první řádek odstavce, který po sobě zanechal na staré stránce, zatímco odstavec pokračuje další. orphanVlastnost určuje minimální počet řádků v odstavci, který může být ponechána na staré stránky. Tato vlastnost má vliv pouze na stránkovaná média, jako je print.

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

Pokud se například odstavec nevejde na jednu stránku jako celek, bude rozdělen, kdekoli je to možné. Tímto způsobem se na stránce mohou zobrazit jednotlivé řádky odstavce, než bude pokračovat na další stránce. To je obvykle nežádoucí, takže mnoho textových procesorů vyžaduje, aby na staré stránce zůstaly alespoň dva řádky, místo jednoho. Můžete mu dát kladné číslo (kde 2 je výchozí hodnota) nebo inherit.

Všimněte si, že orphanvlastnost obecně neovlivňuje nestránková média, jako je screen. Nicméně prohlížeče podporují jak orphansa columnsbude uplatňovat zamýšlenou funkčnost sloupcích stejně. Vlastnost ovlivňuje pouze prvky na úrovni bloku.

Stručně řečeno, v CSS konkrétně:
widows= minimální počet řádků v rozdělení odstavce na nové stránce.
orphans= minimální počet řádků v rozdělení odstavce na staré stránce.
Červené čáry jsou sirotci.

Příbuzný

  • vdovy

Podpora prohlížeče

Chrome Safari Firefox Opera TJ Android iOS
25+ Žádný Žádný 9,2+ 8+ Žádný Žádný