Kuidas määrata õigustatud teksti CSS-i abil

Teksti õigustamiseks kasutatakse CSS Text-Aligni omadust

Veebisaidi tüpograafia omadused, mida saate saidi arenduse käigus kohandada, on see, kuidas saidi tekst on õigustatud. Vaikimisi on veebisaidi tekst õigustatud ja see, kui paljud saidid jätavad oma teksti. Ainsad muud võimalused on õigustatult õigustatud, mida keegi veebisaitidel ei kasuta, kuna see muudab teksti sisuliselt võimatuks lugeda veebis või mis on täiesti põhjendatud.

Põhjendatud tekst on teksti plokk, mis joondub nii vasakule kui ka parempoolsele küljele, erinevalt ainult ühest neist külgedest (mis on "vasakule" ja "õigele" õigustusele). Kahepoolselt põhjendatud efekt saavutatakse, kohandades sõna- ja tähtribasid igas tekstiribas, et tagada iga rida sama pikkusega. Seda efekti nimetatakse täielikuks põhjenduseks . Te õigustate CSS-i teksti, kasutades tekstivoogi omadust.

Kuidas toimib põhjendus?

Põhjus, miks te sageli näete ebaühtlast serva teksti ploki paremas servas, on see, et iga teksti rida ei ole sama pikkusega. Mõnes read on rohkem sõnu või pikemaid sõnu, samas kui teistel on vähem või lühemaid sõnu. Selle teksti ploki õigustamiseks tuleb lisada mõned ruumid, et välja selgitada kõik read ja muuta need järjepidevaks.

Igal veebibrauseril on oma algoritm lisaruumide rakendamiseks rida. Brauserid otsivad sõna pikkuse, lünkade ja muid tegureid, et otsustada, kuhu ruume panna.

Selle tulemusena ei pruugi õigustatud tekst olla ühest brauserist teisega sarnane. See on hea, sest ükski saidi külastaja ei hüpata ühest brauserist teise lihtsalt, et võrrelda oma saidi joone pikkust! Veenduge siiski, et suur brauseri tugi on CSS-i teksti õigustamiseks õige.

Kuidas õigustada teksti

Teksti õigustamine CSSiga nõuab teksti selgitamist.

Tüüpiliselt toimub see teksti lõigetest, kuna mitme tekstiga konteksti sisaldavad suured tekstikonfiguratsioonid on märgistatud parameetritega.

Kui teil on tekstitükk, mis on õigustatud, on lihtsalt stiili seadistamine CSS - i tekstivärvi stiili õigusega õigustatud.

text-align: õigustama;

Te peate seda CSS-reeglit kohaldama asjakohase valijaga, et teksti graafikut kujundada soovitud viisil.

Millal õigustada teksti

Paljudel inimestel meeldib põhjendatud teksti välimus disaini seisukohast, enamasti seetõttu, et see loob väga ühtlase ja mõõdetud välimuse, kuid veebisaidil oleva teksti täielikuks õigustamiseks on puudusi.

Esiteks on põhjendatud tekst raske lugeda. Seda seetõttu, et kui te õigustate teksti, võib mõne rea sõnade vahel lisada mõnikord palju lisaruumi. Need vastuolulised lüngad võivad muuta teksti raskemaks lugemiseks. See on eriti oluline veebilehtedel, mida võib juba valgustuse, eraldusvõime või muu riistvara kvaliteedi tõttu raske lugeda. Tekstile ebatavaliste tühikute lisamine võib halva olukorra halvendada.

Lisaks loetavuse probleemidele asetsevad tühjad ruumid mõnikord üksteisega, et luua teksti keskel valge ruumi "jõed".

Need suured tühjalt asetsevad tühjad ruumid võivad tõesti ebamugavaks muuta. Pealegi võib väga õigel lühemas kohas olla põhjendused, mis sisaldavad ühe sõna lisade vahega.

Nii et kui peaksite kasutama teksti õigustust? Teksti õigustamiseks parim aeg ilmub siis, kui jooned on pikad ja kirjasuurus on väike (see, mida on raske tagada tundlikel veebisaitidel, kus joonte pikkused sõltuvad ekraani suurusest). Liini pikkusele või teksti suurusele pole raske ja kiiret numbrit, peate kasutama oma parima hinnangu.

Teksti õigustamiseks teksti joondamise stiili rakendades katsetage seda, et veenduda, et tekst ei sisalda tühikute voolu - ja veenduge, et proovite seda erinevates suurustes.

Lihtsaim viis selle tegemiseks on vaadelda silmadega. Jõed eristuvad valgete plekidena muidu halli tekstiküpsena. Kui näete jõgesid, peate tegema tekstivälja suuruse või teksti laiuse muutusi, et vabaneda nendest inetutest jõgedest.

Kasutage õigustust ainult siis, kui olete selle vastendatud tekstiga võrreldes selle artikliga näinud. Teete nagu täieliku õigustatuse järjepidevus, kuid tavaline vasakpoolne õigustatud tekst on tavaliselt loetavam. Lõppkokkuvõttes peaksite teksti õigustama, kuna olete valinud projekti põhjendamiseks teksti ja kinnitasid, et teie saiti on lihtne lugeda.