Stillingar í CSS: línubil

Í CSS, fjarlægðin milli línanna er mjög auðvelt að setja. Í þessu skyni er sérstök eign. En, auðvitað, það eru mörg önnur breytur, sem eru alhliða og hægt er að nota til texta.

Ef engin aðlögun er gert, þú ert sett til sjálfgefnum gildum. þú getur breytt fjarlægð ef þess er óskað. Gildið getur verið annaðhvort hlutfall eða díla.

línuhæð

The CSS Fjarlægðin á milli línanna er hægt að sýna fram á eftirfarandi mynd.

Í ofangreindum mynd sýnir breytur með samsvarandi vegalengdir. Textinn er í geimnum font-size. Athugaðu að textinn línan byrjar ekki á stöð og örlítið hærri. Eyðuna hér að neðan við bréf sem hafa botn þætti (g, Y, og svo framvegis).

Athugaðu að rými á milli blokkir font-size er heitir leiðandi. HTML og CSS þessi eign er ekki birtast, en það er í öðrum grafík og texta ritstjórar. Til dæmis, í Adobe Photoshop.

Myndin hér að ofan sýnir hvar í "Photoshop", er hægt að tilgreina leiðir. Og næsta tilgreint font-size stillingu.

Dæmi um notkun lína-hæð

Í CSS, fjarlægðin milli línanna er hægt að setja prósent. An lýsandi dæmi fylgir hér á eftir.

Í tilviki litla gildum notanda á síðuna þína mun vera óþægilegur að lesa.

Fjarlægðin má fjölbreytt og Leturstærð. Ef munurinn á milli helstu breytum munu mjög mismunandi í tölum, munurinn er bætt upp með hækkun leiðandi.

næmi um hönnun

The CSS Fjarlægðin á milli línanna hægt að sérsníða ýmsar undirlið. Tökum sem dæmi í myndinni.

Í "Element" í þessu tilfelli verður textinn. Padding - padding er inni hlutnum, og framlegð - inndrátt á hlut. Border - þetta ramma. Það getur verið 0 pixlar, og kann að vera 100.

Eftirfarandi mynd sýnir strax allar spássíur, ramma og hæð línu af texta.

Ef þú ert með lítið texta, allt í einni línu eða hverja línu í sérstakri málsgrein, fjarlægðin er hægt að breyta á milli inndreginn mgr. Það er Maring og bólstrun á milli línanna í einni frumu mun ekki hafa nein áhrif. Þeir búa inndrátt aðeins á brúnir á hlut. Object - þetta allt málsgrein, í stað þess að línur í henni. Það er mikilvægt að fá rugla.

Í þeim tilvikum þar sem mikill fjöldi lína, sem öll eru staðsett í sama hlut, letrið er mælt með því að breyta helstu breytur.

Hvernig á að auka fjarlægð milli línanna CSS

Fjarlægðin á milli línanna HTML er hægt að skrá í hvaða flokki eða öllum liðum í textanum. Ef þú tilgreinir svona: p {lína-hæð: 20px; } - þá alveg allt málsgreinar á síðunni verða strengir 20 punktar. Ef þú vilt á mismunandi stöðum í mismunandi stærðum, það er mælt með að gera eins og hér segir.

Við ávísa stíl.

.class1 {línu-hæð: 20px; }

.class2 {línu-hæð: 16px; }

.class3 {línu-hæð: 12px; }

Fyrir skýrleika, bæta við ramma, svo þú getur séð að það virkar. Í framtíðinni verður það að vera fjarri.

Næst notum við þessi námskeið. Niðurstaðan er sem hér segir.

Athugið að í þriðja lagi, hljómsveitin keyrði í textanum. Allt vegna þess að leturstærð er meiri en hæð línu. Þess vegna er mikilvægt að tryggja að slík átök væru ekki. Ef þú ert að gera lítið iínuhæð, hver um sig, draga úr letri.

Það er ekki mælt með því að gera of lítið texta og smá fjarlægð milli línanna. Þar sem ekkert af notendum vilja ekki vera fær um að lesa það allt rólega. Hann fljótt þreyttur augu. Leitarvélar segja líka að textinn er notandi-vingjarnlegur.

Þar að auki, á undanförnum árum að það er mikil áhersla á notagildi fyrir farsíma notendum. There tillögur hafa alltaf sagt að leturstærð ætti að vera eðlilegt, ekki lítill. Sérstaklega mikil áhrif það tilvísun. Með smæð þeirra sem notandinn verður erfitt að nota síðuna siglingar.

Í leitarvél "Google" er sérstakt tól sem hjálpa í greiningu. Það er mjög þægilegt fyrir vefstjóra.

Hér er dæmi um niðurstöður sem kunna að vera.

Það er mælt með því að nota þessar ábendingar vegna þess að þessar forsendur hafa áhrif á leitarniðurstöður.