Enker - CSS-tricks

Anonim

I typografiudtryk er enke den sidste linje i et afsnit, der er alene på en ny side eller i en ny kolonne. Den widowsejendom i CSS styrer antallet af linjer i et afsnit, der kan falde til en ny side minimum. Denne egenskab påvirker kun sidemedier som f.eks print.

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

Hvis et afsnit ikke kan passe på en side i sin helhed, opdeles det, hvor det er muligt. På den måde kan enkelte linjer i et afsnit vises på siden, før det fortsætter på den næste side. Dette er normalt uønsket, så mange tekstbehandlere kræver, at der er mindst to linjer på en gammel side i stedet for en. Den orphanegenskab fungerer ens. Du kan enten give det et positivt tal (hvor 2 er standard) eller inherit.

Bemærk, at widowsejendommen generelt ikke påvirker ikke-sidede medier som f.eks screen. Men browsere understøtter både widowsog columnsvil anvende den tilsigtede funktionalitet til kolonner så godt. Egenskaben påvirker også kun elementer på blokniveau.

Kort sagt I CSS specifikt:
  • widows= minimum antal linjer i et afsnit opdelt på den nye side.
  • orphans= minimum antal linjer i et afsnit opdelt på den gamle side.
De røde linjer er enker.

Relaterede

  • forældreløse

Browsersupport

Denne browsersupportdata er fra Caniuse, som har flere detaljer. Et tal angiver, at browseren understøtter funktionen i den version og opefter.

Desktop

Chrome Firefox IE Edge Safari
25 Ingen 8 12 7

Mobil / tablet

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