CSS Line-vahemaa saamiseks kasutage CSS-i rea kõrguse omadust
Lugege, kuidas kasutada oma veebisaitide vahele jäävat reavahetuse CSS-stiilis vara rida-kõrgus.
CSS-liinilaiuse väärtused
CSS-reavahe mõjutab CSS-i stiili varaliini kõrgus. See vara võtab kuni 5 erinevat väärtust:
- normaalne: brauser määrab reavahetuse väärtuse, mis on seotud fondi suurusega. See on tavaliselt sama kui fondi suurus või veidi suurem (näiteks 20%).
- pärijad: reavahe tuleks võtta vanema elemendi reavahetest. Seega, kui seadistate keha sildi rea kõrgus 30% suuremaks kui kirjasuurus ja selle sees asuvad lõiketekstid on päritud, siis on neil ka rida-kõrgus 30% suurem font-suurusest.
- number: kui rea kõrgus ei sisalda ühikut, peetakse seda rea kõrguse kirjasuuruse kordajaks. Nii peaks joone kõrgus 1,25 olema fondi suurusest 25% suurem.
- pikkus: kui rea kõrguse väärtusel on mõõtühik, siis on see täpne ruumala ruutude vahel. Seega 1,25 mm tagajärjeks oleks jooned 1,25 millimeetrit kaugusel.
- protsent: kui rea kõrgus on protsent, siis oleks see protsent kirjasuurusest. Nii et 125-meetrise joone kõrgus oleks fondi suurusest 25% suurem.
Milline väärtus peaksite kasutama CSS-i ristlõike jaoks?
Enamikul juhtudel on reavahete parim valik jätta vaikimisi - või "normaalseks". See on üldiselt kõige loetavam ja ei nõua midagi erilist. Kuid reavahe muutmine võib teie tekstile anda teistsuguse tunde.
Kui teie kirjasuurus on defineeritud kui ems või protsentides, peaks ka teie rea kõrgus määratlema sel viisil. See on kõige paindlikum reavahete vorm, kuna see võimaldab lugejal oma fonte muuta ja säilitab sama rea vahekauguse.
Määrake rea kõrgus trükitüüpide lehtedeks, mille punkti (pt) väärtus. Punkt on printimismõõde, nii et teie fontide suurused peaksid olema ka punktides.
Mulle ei meeldi kasutada numbrivalikut, sest ma leidsin, et see on inimestele kõige segadust tekitav. Paljud inimesed arvavad, et see number on absoluutne suurus ja seega on need suured. Näiteks võib teil olla kirjas määratud 14 pikslit ja siis seate oma rea kõrgus 14-ni, mille tulemuseks on suurte lünkade vahel jooned, kuna reavahe on määratud 14- kordsele fondi suurusele.
Kui palju ruumi peaksite kasutama oma rööpaiva jaoks
Nagu ma eespool mainisin, soovitan kasutada vaikimisi reavahet, kui teil pole konkreetset põhjust seda muuta. Reavahe vahetusel võib olla erinev mõju:
- Teksti, mis on väga tihedalt koos, võib olla raske lugeda. Kuid väikesed rida ruumid võivad mõjutada teksti meeleolu. Kui tekst on kokku kerkinud, võib see muuta teksti tähendust tumedamaks või pingesemaks.
- Teksti, mis on kaugemal, võib olla raske lugeda. Kuid lai ruutruumid muudavad teksti tunduvalt voolavamaks ja vedelamaks.
- Reavahe vahetus võib muuta teksti, mis muidu ruumis ei sobi, olema kompaktsem või teie disainilahendustes rohkem ruumi.