Lesket - CSS-temppuja

Anonim

Typografisesti leski on kappaleen viimeinen rivi, joka jätetään yksin uudelle sivulle tai uudelle sarakkeelle. widowsOmaisuus CSS ohjaa vähimmäismäärä riviä kappaleen, joka voi pudota uudelle sivulle. Tämä ominaisuus vaikuttaa vain sivutettuun mediaan, kuten print.

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

Jos kappale ei mahdu yhdelle sivulle kokonaisuudessaan, se jaetaan aina, kun se on mahdollista. Tällöin kappaleen yksittäiset rivit voivat näkyä sivulla, ennen kuin se jatkuu seuraavalla sivulla. Tämä on yleensä ei-toivottua, joten monet tekstinkäsittelyohjelmat edellyttävät vähintään kahden rivin jättämistä vanhalle sivulle yhden sijasta. orphanOminaisuus toimii samanlainen. Voit antaa sille joko positiivisen luvun (missä oletusarvo on 2) tai inherit.

Huomaa, että widowsominaisuus ei yleensä vaikuta sivuttamattomiin tietovälineisiin, kuten screen. Kuitenkin selaimet tukevat sekä widowsja columnssoveltaa tarkoitus toiminnallisuutta sarakkeita samoin. Lisäksi ominaisuus vaikuttaa vain lohkotason elementteihin.

Lyhyesti sanottuna CSS: ssä erityisesti:
  • widows= vähimmäisrivimäärä kappaleen jaossa uudella sivulla.
  • orphans= pienin rivien lukumäärä vanhalla sivulla jaetussa kappaleessa .
Punaiset viivat ovat leskiä.

Liittyvät

  • orpoja

Selaimen tuki

Nämä selaintukitiedot ovat Caniuselta, jolla on tarkempia tietoja. Numero osoittaa, että selain tukee ominaisuutta kyseisessä versiossa tai uudemmassa.

Työpöytä

Kromi Firefox IE Reuna Safari
25 Ei 8 12 7

Matkapuhelin / tabletti

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