Árvák - CSS-trükkök

Anonim

Tipográfia szempontjából az árva egy bekezdés első sora, amely a régi oldalon marad, míg a bekezdés folytatódik a következő oldalon. A orphantulajdonság szabályozza a bekezdések minimális sorainak számát, amelyek a régi oldalon hagyhatók. Ez a tulajdonság csak a lapozott médiumokat érinti, mint pl print.

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

Például, ha egy bekezdés nem fér el teljes egészében egy oldalon, akkor az feloszlik, ahol csak lehetséges. Ily módon egy bekezdés egyetlen sora megjelenhet az oldalon, mielőtt folytatódik a következő oldalon. Ez általában nem kívánt, ezért sok szövegszerkesztő megköveteli, hogy egy régi oldalon legalább két sort hagyjon egy helyett. Megadhatja pozitív számot (ahol a 2 az alapértelmezett) vagy inherit.

Ne feledje, hogy a orphantulajdonsá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, orphansés columnsaz oszlopokra is alkalmazni fogják a tervezett funkciókat. Ezenkívül a tulajdonság csak a blokkszintű elemeket érinti.

Röviden, konkrétan CSS-ben:
widows= az új oldalon egy bekezdésben elosztott sorok minimális száma .
orphans= a sorok minimális száma a régi oldalon.
A piros vonalak árvák.

Összefüggő

  • özvegyek

Böngésző támogatás

Króm Szafari Firefox Opera AZAZ Android iOS
25+ Egyik sem Egyik sem 9.2+ 8+ Egyik sem Egyik sem