Atraitnes - CSS-triki

Anonim

Tipogrāfijas izteiksmē atraitne ir rindkopas pēdējā rinda, kas tiek atstāta atsevišķi jaunajā lapā vai jaunā kolonnā. widowsĪpašums CSS kontrolē minimālo skaitu līnijām rindkopas, kas var attiekties uz jaunu lapu. Šis rekvizīts ietekmē tikai lapotu multividi, piemēram print,.

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

Ja rindkopa kopumā nevar ievietot vienā lappusē, tā tiek sadalīta visur, kur tas ir iespējams. Tādā veidā atsevišķas rindkopas rindkopās var parādīties, pirms tās turpinās nākamajā lapā. Tas parasti ir nevēlams, tāpēc daudzu vārdu procesori prasa, lai vecajā lapā būtu atstātas vismaz divas rindiņas, nevis viena. orphanĪpašumu rīkojas līdzīgi. Jūs varat tai piešķirt vai nu pozitīvu skaitli (kur noklusējums ir 2), vai inherit.

Ņemiet vērā, ka widowsrekvizīts parasti neietekmē nepagludinātus nesējus, piemēram screen,. Tomēr pārlūkprogrammām, kas atbalsta gan widows, un columnspiemēros paredzēto funkcionalitāti kolonnām, kā arī. Turklāt īpašums ietekmē tikai bloka līmeņa elementus.

Īsāk sakot, CSS:
  • widows= minimālais rindu skaits rindkopās, kas sadalītas jaunajā lapā.
  • orphans= minimālais rindu skaits rindkopās, kas sadalītas vecajā lapā.
Sarkanās līnijas ir atraitnes.

Saistīts

  • bāreņi

Pārlūka atbalsts

Šie pārlūka atbalsta dati ir no Caniuse, kurai ir sīkāka informācija. Cipars norāda, ka pārlūks atbalsta šo un jaunākās versijas funkciju.

Darbvirsma

Chrome Firefox IE Mala Safari
25 8 12 7

Mobilais / planšetdators

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