Notaðu CSS Text-Align eign til að réttlæta texta
Eitt af eiginleikum vefskýringar vefsíðu sem þú getur valið að stilla á þróun vefsvæðisins er hvernig textinn á síðuna er réttlætanleg. Sjálfgefið er að veftexti sé vinstri réttlætanlegt og þetta er hversu margar síður yfirgefa texta sína. Eina aðra valkosti er réttlætanleg, sem enginn notar á vefsíðum þar sem það myndi gera textanum í raun ómögulegt að lesa á netinu, eða það sem vitað er að sé fullkomlega réttlætanlegt.
Réttlætanleg texti er textaskeið sem samsvarar bæði vinstri og hægri hliðum, í stað þess að einum af þessum hliðum (sem er það sem "vinstri" og "rétt" réttlæting gera). Tvöfalt réttlætanlegt áhrif er náð með því að breyta orði og bréfum í hverri línu texta til að tryggja að hver lína sé eins lengi. Þessi áhrif eru kallað full rök . Þú réttlætir texta í CSS með því að nota textastilla eignina.
Hvernig virkar réttlætingin?
Ástæðan fyrir því að þú sért oft misjafn brún hægra megin á textaskeið er vegna þess að hver lína af texta er ekki eins lengi. Sumar línur hafa fleiri orð eða lengri orð á meðan aðrir hafa færri eða styttri orð. Til að réttlæta þessi textaskeið þarf að bæta við viðbótarrými við nokkrar línur til að jafna alla línurnar og gera þær í samræmi.
Sérhver vefur flettitæki framleiðandi hefur eigin reiknirit til þess að beita viðbótarrýmum innan línu. Vafrarnir líta á orðalengd, orðstír og aðrar þættir til að ákvarða hvar á að setja rýmið.
Þess vegna getur réttlætanlegur texti ekki lítt eins úr einum vafra í næsta. Þetta er fínt þar sem enginn gestafyrirtæki mun hoppa frá einum vafra til annars til að bera saman hvernig lína lengdir línunnar líta út! Vertu viss um að mikil stuðningur við vafra sé góð til að réttlæta texta með CSS.
Hvernig á að réttlæta texta
Að réttlæta texta með CSS krefst hluta af texta til að réttlæta.
Venjulega er þetta gert með textaritum þar sem stórar blokkir textasamhengis sem spannar margar línur verða merktar með málsmerkjum.
Eftir að þú ert með textabrot til að réttlæta það, er það bara spurning um að setja stíllinn til réttlætis með CSS textastilla stíl eignarinnar.
text-align: réttlæta;
Þú gætir þurft að beita þessari CSS reglu á viðeigandi val til að fá textasvæðið til að gera eins og ætlað er.
Hvenær á að réttlæta texta
Margir eins og útlit réttlætanlegs texta úr hönnunarmynstri, að miklu leyti vegna þess að það skapar mjög samræmda, mælda útlit, en það eru ókostir að fullu réttlæta texta á vefsíðu.
Í fyrsta lagi getur réttlætanlegur texti verið erfitt að lesa. Þetta er vegna þess að þegar þú réttlætir texta er stundum hægt að bæta við fullt af plássi á milli nokkurra orða á línu. Þessar ósamræmi eyður geta gert textann erfiðara að lesa. Þetta er sérstaklega mikilvægt á vefsíðum, sem getur verið erfitt að lesa þegar um lýsingu, upplausn eða annan vélbúnaðargæði. Að bæta óvenjulegum rýmum við textann getur gert slæmt ástand enn verra.
Til viðbótar við læsileika málefnalegra rýmið stundum samræma hver annan til að búa til "ám" af hvítu rými í miðju textans.
Þessar stóru eyður af hvítum rýmum geta raunverulega gert fyrir óþægilega skjá. Að auki, á mjög stuttum línum, getur réttlæting valdið línum sem innihalda eitt orð með viðbótarrými milli stafanna sjálfa.
Svo hvenær ættirðu að nota texta réttlætingu? Besti tíminn til að réttlæta texta á sér stað þegar línurnar eru langar og leturstærðin er lítill (eitthvað sem er erfitt að tryggja á móttækilegum vefsíðum þar sem lengd lína breytist miðað við skjástærð). Það er engin harður og fljótur tala fyrir lengd línunnar eða stærð textans, þú verður að nota bestu dómgreind þína.
Eftir að þú hefur beitt textastillingunni til að réttlæta texta skaltu prófa það til að ganga úr skugga um að textinn hafi ekki ám af hvítum plássi - og vertu viss um að prófa það í ýmsum stærðum.
Auðveldasta leiðin til að gera þetta er að skoða það með squinted augum. Ámin standa eins og blettur af hvítum í öðru gráu texta. Ef þú sérð ám, ættirðu að gera breytingar á textastærð eða breidd textablés til að losna við þessar ósýndu ám.
Notaðu aðeins réttlætingu eftir að þú hefur borið saman það við vinstri texti eins og sést í þessari grein. Þú gerir eins og samkvæmni fullrar réttlætingar, en venjulegur vinstri réttlætanlegur texti er venjulega læsilegur. Að lokum ættir þú að réttlæta texta vegna þess að þú hefur valið að réttlæta texta í hönnunarskyni og hefur staðfest að vefsvæði þitt sé auðvelt að lesa.