Änkor - CSS-tricks

Anonim

I typografi är en änka den sista raden i ett stycke som lämnas ensam på en ny sida eller i en ny kolumn. Den widowsegendom i CSS styr det minsta antalet rader i ett stycke som kan falla till en ny sida. Den här egenskapen påverkar bara sökt media såsom print.

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

Om ett stycke inte kan passa på en sida i sin helhet delas det upp var det är möjligt. På så sätt kan enstaka rader i ett stycke visas på sidan innan det fortsätter på nästa sida. Detta är vanligtvis oönskat, så många ordbehandlare kräver att minst två rader finns kvar på en gammal sida istället för en. Den orphanegenskapen fungerar liknande. Du kan antingen ge det ett positivt tal (där 2 är standard) eller inherit.

Observera att widowsegenskapen i allmänhet inte påverkar icke-sidas media som screen. Webbläsare som stöder båda widowsoch columnskommer också att tillämpa den avsedda funktionen på kolumner. Egenskapen påverkar också bara element på blocknivå.

Kort sagt, I CSS specifikt:
  • widows= minsta antal rader i ett stycke delat på den nya sidan.
  • orphans= minsta antal rader i ett stycke delat på den gamla sidan.
De röda linjerna är änkor.

Relaterad

  • föräldralösa

Webbläsarstöd

Denna webbläsares supportdata kommer från Caniuse, som har mer detaljer. Ett nummer indikerar att webbläsaren stöder funktionen i den versionen och uppåt.

Skrivbord

Krom Firefox IE Kant Safari
25 Nej 8 12 7

Mobil / surfplatta

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