Kaip sureguliuoti eilučių tarpą CSS?

Tekstas iki šiol vis dar yra pagrindinė perduodamos informacijos rūšis didelėse " World Wide Web" erdvėse . Todėl jo išvaizdos valdymui skiriamas ypatingas dėmesys. Vienas svarbus teksto bruožas yra linijų atstumas, kuris nustato atstumą tarp linijų. Jei niekada nesilaikėte šios taisyklės, tikriausiai niekada nesinaudojote CSS. Galų gale, tai yra tokia stiliaus kalba, kuri pateikia galimas komandas pakeisti visas svarbias išorines teksto charakteristikas. Ši taisyklė yra palaikoma visų šiuolaikinių naršyklių ir yra įtraukta į visų pakopinių stiliaus lapų versijų standartą (CSS: kaskadinio stiliaus lapai).

Taisyklė

CSS eilučių intervalas nustatomas naudojant paprastą eilutės aukščio komandą. Įrašymas atliekamas įprastu būdu. Galite priskirti bet kokį neigiamą skaičių kaip vertę. Jei nurodyta "line-height: -4px;", komanda bus ignoruojama. Galite nurodyti "įprastą" arba "paveldėti" vertę. Pirmasis naudos automatinio intervalo nustatymą, kuris nustatomas priklausomai nuo pasirinkto šrifto tipo ir dydžio. Šiuo atveju atstumą tarp linijų nustato pati naršyklė. Atstumas tarp eilučių gali būti vertingas, gautas iš "tėvų" žymių, naudojant "paveldėjimo" vertę.

Prasmė

Visos vertės, išskyrus standartines komandas, gali būti suskirstytos į dvi kategorijas: santykinę ir absoliučią. Tarpai tarp eilučių CSS leidžia lanksčiai valdyti atstumą tarp linijų, naudojant skirtingus ir patogesnius pritaikymo metodus. Absoliučios vertės apima visus žinomus ilgio vienetus, kurie naudojami CSS. Šiame sąraše yra: (coliais), pt (taškai), px (pikseliais) ir kt. Intervalas apskaičiuojamas iš šrifto pradinės linijos. Jei įrašysite taisyklę: "line-height: 10px;", eilučių tarpai visada bus 10 pikselių. Šis metodas yra idealus, kai reikia nurodyti tikslią konkretaus šrifto intervalą. Tačiau nepamirškite, kad kiekvienas turi skirtingą ekrano plėtrą. O jei toks atstumas atrodo puikiai, tai nereiškia, kad visi turės tokį patį poveikį. Pavyzdžiui, mobiliuosiuose įrenginiuose didelių tarpų tarp eilučių gali kilti didžiulių nepatogumų.

Santykinės vertės

Norėdami išspręsti problemą su skirtingu ekrano išplėtimu, galite naudoti santykines vertes. Dažniausiai naudojama išraiška. Šioje byloje vertė yra nustatyta atsižvelgiant į šrifto aukštį. Pavyzdžiui, nurodant "line-height: 150%;", mes gauname pusę vidurio raidės. 100% naudojamas šrifto aukštis. Patys patyrę kūrėjai rekomenduoja naudoti santykines vertes. Taigi jūs sutaupysite save ir savo naudotojus iš problemų, susijusių su įvairiais ekrano plėtiniais.

Išvada

Jei naudojate nestandartinį šriftų rinkinį ir jus domina griežtai apibrėžtas eilučių intervalas, pasirinkite absoliučias vertes. Visais kitais atvejais pageidautina nustatyti nuosavybės procentą. Kai tam tikram dokumento skyriui reikia nustatyti atskirą intervalą, naudokite ID etiketes arba selektorius. Taigi, jums nereikia nustatyti viso dokumento eilučių.