Forældreløse - CSS-tricks

Anonim

I typografi er en forældreløs første linje i et afsnit, der er efterladt på den gamle side, mens afsnittet fortsætter på den næste. Den orphanegenskab styrer antallet af linjer i et afsnit, der kan blive siddende på den gamle side minimum. Denne egenskab påvirker kun sidemedier som f.eks print.

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

For eksempel, hvis et afsnit ikke kan passe på en side i sin helhed, opdeles det, hvor det er muligt. På denne måde kan enkelte linier 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. Du kan enten give det et positivt tal (hvor 2 er standard) eller inherit.

Bemærk, at orphanejendommen generelt ikke påvirker ikke-sidede medier som f.eks screen. Men browsere understøtter både orphansog 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 streger er forældreløse.

Relaterede

  • enker

Browsersupport

Chrome Safari Firefox Opera IE Android iOS
25+ Ingen Ingen 9.2+ 8+ Ingen Ingen