Kuidas õigustatud teksti CSS-iga seada

Veebisaidi tüpograafia üks omadusi, mida saate saidi arendamise ajal kohandada, on see, kuidas saidi tekst on õigustatud. Vaikimisi jäetakse veebisaidi tekst õigustatuks ja nii jätavad paljud saidid oma teksti. Ainsad muud võimalused on õigustatud, mis on haruldane või on täiesti õigustatud.

Põhjendatud tekst on tekstiplokk, mis joondub nii vasakul kui ka paremal küljel, erinevalt ainult ühest neist külgedest (mida teevad "vasakpoolsed" ja "paremad" õigustused). Kahekordselt õigustatud efekt saavutatakse sõna- ja täheruumide kohandamisega igas tekstireas, et tagada, et iga rida oleks sama pikk. Seda efekti nimetatakse täielik põhjendus. Põhjendage CSS-is teksti abil teksti joondamine vara.

Kuidas õigustamine toimib?

Põhjus, miks näete tekstiploki paremal küljel sageli ebaühtlast serva, on see, et iga tekstirida ei ole sama pikk. Mõnes reas on rohkem sõnu või pikemaid sõnu, teistes vähem või lühemaid sõnu. Selle tekstiploki õigustamiseks tuleb mõnele reale lisada täiendavaid tühikuid, et ühtlustada kõiki ridu ja muuta need järjepidevaks.

instagram viewer

Igal veebibrauseril on oma algoritm liinisiseste tühikute rakendamiseks. Brauserid uurivad sõna pikkust, sidekriipsu ja muid tegureid, et määrata, kuhu tühikud panna. Seetõttu ei pruugi õigustatud tekst ühest brauserist teise välja paista. Võite siiski olla kindel, et suurem brauseritugi on hea teksti õigustamiseks CSS-iga.

Kuidas teksti õigustada

Teksti õigustamiseks CSS-iga on õigustamiseks vajalik tekstilõik. Tavaliselt kasutate tekstilõike, kuna suured tekstikonteksti plokid, mis hõlmavad mitut rida, tähistatakse lõigusiltidega.

Kui teil on õigustamiseks tekstiplokk, on vaja lihtsalt stiil CSS-i teksti joondamise stiilis õigustatuks seadistada. Rakendage see CSS-reegel sobivale valijale, et tekstiplokk saaks renderdatud ettenähtud viisil.

Millal teksti õigustada

Paljudele inimestele meeldib põhjendatud teksti välimus disaini seisukohalt peamiselt seetõttu, et see loob väga järjepideva, mõõdetud ilme, kuid veebilehe teksti täielikul põhjendamisel on ka varjukülgi.

Esiteks võib õigustatud teksti olla raskesti loetav. Selle põhjuseks on asjaolu, et teksti õigustades võib mõnikord mõnele reale lisatud sõna lisada palju lisaruumi. Need ebajärjekindlad lüngad võivad teksti raskendada. See on eriti oluline veebilehtedel, mida võib valguse, eraldusvõime või muu riistvara kvaliteedi tõttu juba lugeda olla keeruline. Ebatavaliste tühikute lisamine tekstile võib halva olukorra veelgi hullemaks muuta.

Lisaks loetavuse väljakutsetele asuvad tühjad kohad mõnikord üksteise järgi, et tekitada teksti keskele valge ruumi "jõed". Need suured tühimikud võivad tõesti ebamugava kuvamise teha. Lisaks võib põhjendus äärmiselt lühikestel ridadel põhjustada ühe sõna sisaldavaid ridu tähtede endi vaheliste tühikutega.

Millal peaksite siis teksti õigustust kasutama? Parim aeg teksti õigustamiseks tekib siis, kui read on pikad ja fondi suurus on väike - seda on raske tagada reageerivatel veebisaitidel, kus rea pikkus muutub vastavalt ekraani suurusele. Rea pikkuse ja teksti suuruse jaoks pole kindlat numbrit; peate kasutama oma parimat otsustusvõimet.

Pärast teksti joondamise stiili rakendamist teksti õigustamiseks testige seda ja veenduge, et tekstil ei oleks tühikuid - ja testige seda erinevates suurustes. Lihtsaim test ei nõua midagi keerulisemat kui teie endi silmad. Muidu hallis tekstiplokis paistavad jõed silma valgete laikudena. Kui näete jõgesid, peaksite teksti peegeldamiseks muutma teksti suurust või tekstiploki laiust.

Kasutage põhjendust alles pärast seda, kui olete seda vasakule joondatud tekstiga võrrelnud. Teile võib meeldida täieliku põhjenduse järjepidevus, kuid vasakpoolse põhjendusega standardne tekst on tavaliselt paremini loetav. Lõpuks peaksite teksti õigustama, kuna olete otsustanud teksti kujundamise eesmärgil õigustada ja olete kinnitanud, et teie sait on endiselt hõlpsasti loetav.