Vdovy - Triky CSS

Anonim

V typografických podmienkach je vdova posledný riadok odseku, ktorý zostane sám na novej stránke alebo v novom stĺpci. widowsVlastnosť CSS určuje minimálny počet riadkov v odseku, ktorý môže spadnúť na novú stránku. Táto vlastnosť ovplyvňuje iba stránkované médiá, ako sú print.

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

Ak sa odsek nezmestí na jednu stránku ako celok, rozdelí sa tam, kde je to možné. Takto sa jednotlivé riadky odseku môžu zobraziť na stránke 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 boli namiesto jedného ponechané aspoň dva riadky. orphanNehnuteľnosť slúžiaca ako náhrada. Môžete mu dať kladné číslo (kde 2 je predvolené) alebo inherit.

Upozorňujeme, že widowsvlastnosť všeobecne neovplyvňuje nestránkované médiá, ako sú screen. Avšak prehliadače podporujú ako widowsa 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ú vdovy.

Súvisiace

  • siroty

Podpora prehľadávača

Údaje o podpore tohto prehľadávača sú od spoločnosti Caniuse, ktorá obsahuje viac podrobností. Číslo označuje, že prehliadač podporuje túto funkciu v danej verzii alebo vyššej.

Desktop

Chrome Firefox IE Hrana Safari
25 Nie 8 12 7

Mobil / tablet

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