Özvegyek - CSS-trükkök

Anonim

Tipográfiai szempontból az özvegy egy bekezdés utolsó sora, amelyet egyedül hagynak egy új oldalon vagy egy új oszlopban. A widowsCSS tulajdonság ellenőrzi a bekezdés minimális sorainak számát, amelyek új oldalra eshetnek. Ez a tulajdonság csak a lapozott médiumokat érinti, mint pl print.

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

Ha egy bekezdés nem fér el teljes egészében egy oldalon, akkor azt felosztják, ahol csak lehetséges. Így egy bekezdés egyetlen sora megjelenhet az oldalon, mielőtt folytatja a következő oldalon. Ez általában nem kívánt, mivel sok szövegszerkesztőnek legalább két sort kell hagynia egy régi oldalon, egy helyett. Az orphaningatlan hasonlóan viselkedik. Megadhatja pozitív számot (ahol a 2 az alapértelmezett) vagy inherit.

Ne feledje, hogy a widowstulajdonság általában nem érinti a nem lapozott adathordozókat, mint pl screen. Azok a böngészők azonban, amelyek mindkettőt támogatják, widowsés columnsaz oszlopokra is alkalmazni fogják a tervezett funkciókat. Ezenkívül a tulajdonság csak a blokkszintű elemeket érinti.

Röviden, a CSS-ben kifejezetten:
  • widows= az új oldalon lévő bekezdések felosztásának minimális sorszáma .
  • orphans= a sorok minimális száma a régi oldalon.
A piros vonalak özvegyek.

Összefüggő

  • árvák

Böngésző támogatás

Ez a böngésző támogatási adat a Caniuse cégtől származik, amely részletesebben szerepel. Egy szám azt jelzi, hogy a böngésző támogatja az adott és újabb verziók szolgáltatásait.

Asztal

Króm Firefox AZAZ Él Szafari
25 Nem 8. 12. 7

Mobil / Tablet

Android Chrome Android Firefox Android iOS Safari
88 Nem 4.4 7.0-7.1