Enker - CSS-triks

Anonim

I typografi er enke den siste linjen i et avsnitt som er alene på en ny side eller i en ny kolonne. Den widowseiendom i CSS styrer minimum antall linjer med et avsnitt som kan falle til en ny side. Denne egenskapen påvirker bare sidemedier som print.

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

Hvis et avsnitt ikke kan få plass på en side i sin helhet, deles det opp der det er mulig. På den måten kan enkeltlinjer i et avsnitt vises på siden før det fortsetter på neste side. Dette er vanligvis uønsket, så mange tekstbehandlere krever at minst to linjer er igjen på en gammel side, i stedet for en. Den orphanegenskapen fungerer like. Du kan gi det enten et positivt tall (hvor 2 er standard) eller inherit.

Vær oppmerksom på at widowseiendommen generelt ikke påvirker ikke-sider medier som f.eks screen. Nettlesere som støtter begge deler widows, columnsvil imidlertid også bruke den tiltenkte funksjonaliteten til kolonner. Eiendommen påvirker også bare elementer på blokknivå.

Kort sagt, i CSS spesifikt:
  • widows= minimum antall linjer i et avsnitt delt på den nye siden.
  • orphans= minimum antall linjer i et avsnitt delt på den gamle siden.
De røde linjene er enker.

I slekt

  • foreldreløse

Nettleserstøtte

Disse nettleserstøttedataene er fra Caniuse, som har flere detaljer. Et tall indikerer at nettleseren støtter funksjonen i den versjonen og oppover.

Desktop

Chrome Firefox DVS Kant Safari
25 Nei 8 12 7

Mobil / nettbrett

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