Vdovy - Triky CSS

Anonim

V typografických termínech je vdova poslední řádek odstavce, který zůstane sám na nové stránce nebo v novém sloupci. widowsVlastnost CSS určuje minimální počet řádků v odstavci, který může spadnout na novou stránku. Tato vlastnost má vliv pouze na stránkovaná média, jako je print.

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

Pokud se odstavec nevejde na jednu stránku jako celek, bude rozdělen, kdekoli je to možné. Tímto způsobem se jednotlivé řádky odstavce mohou zobrazit na stránce, 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. orphanNemovitost sloužící jako náhrada. Můžete mu dát kladné číslo (kde 2 je výchozí hodnota) nebo inherit.

Všimněte si, že widowsvlastnost obecně neovlivňuje nestránková média, jako je screen. Nicméně prohlížeče podporují jak widowsa 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 vdovy.

Příbuzný

  • sirotky

Podpora prohlížeče

Tato data podpory prohlížeče pocházejí z Caniuse, který obsahuje více podrobností. Číslo označuje, že prohlížeč podporuje tuto funkci v dané verzi a vyšší.

plocha počítače

Chrome Firefox TJ Okraj Safari
25 Ne 8 12 7

Mobilní / Tablet

Android Chrome Android Firefox Android iOS Safari
88 Ne 4.4 7,0-7,1