Kako postaviti opravdani tekst pomoću CSS-a

click fraud protection

Jedno od svojstava tipografije web mjesta koje možete odabrati prilagoditi tijekom razvoja web mjesta je način na koji je tekst web stranice opravdan. Prema zadanim postavkama tekst web stranice ostaje poravnat i ovo je broj web lokacija koji ostavlja svoj tekst. Jedine su druge mogućnosti opravdane pravom, što je rijetko ili u potpunosti opravdano.

Opravdani tekst je blok teksta koji se poravnava i na lijevoj i na desnoj strani, za razliku od samo jedne od tih strana (što čini obrazloženje "lijevo" i "desno"). Dvostruko opravdani učinak postiže se prilagođavanjem razmaka riječi i slova u svakom retku teksta kako bi se osiguralo da je svaki redak iste duljine. Taj se efekt naziva puno opravdanje. Opravdajte tekst u CSS-u pomoću poravnanje teksta imovine.

Kako djeluje opravdanje?

Razlog zbog kojeg često vidite neravni rub na desnoj strani bloka teksta je taj što svaki redak teksta nije iste dužine. Neki redovi imaju više riječi ili duže riječi, dok drugi imaju manje ili kraće riječi. Da bi se opravdao taj blok teksta, u neke se retke moraju dodati dodatni razmaci kako bi se svi redovi izjednačili i učinili dosljednima.

instagram viewer

Svaki web preglednik ima svoj algoritam za primjenu dodatnih prostora unutar crte. Preglednici uzimaju u obzir duljinu riječi, crtice i druge čimbenike kako bi odredili kamo staviti razmake. Kao rezultat, opravdani tekst možda neće izgledati identično s jednog preglednika na drugi. Budite uvjereni, međutim, da je glavna podrška za preglednike dobra za opravdanje teksta pomoću CSS-a.

Kako opravdati tekst

Opravdanje teksta CSS-om zahtijeva dio teksta koji će ga obrazložiti. Tipično ćete upotrijebiti odlomke teksta jer će se veliki blokovi tekstnog konteksta koji se protežu u više redaka označiti oznakama odlomaka.

Nakon što imate blok teksta koji treba opravdati, pitanje je samo postavljanja stila za opravdanu pomoću CSS svojstva stila poravnanja teksta. Primijenite ovo CSS pravilo na odgovarajući selektor kako bi se blok teksta prikazao kako je predviđeno.

Kada opravdati tekst

Mnogi ljudi vole izgled opravdanog teksta s gledišta dizajna, ponajviše zato što stvara vrlo konzistentan, odmjeren izgled, ali postoje i nedostaci u potpunosti opravdavanja teksta na web stranici.

Prvo, opravdani tekst može biti teško pročitati. To je zato što kad opravdate tekst, ponekad se može dodati puno prostora između nekih riječi na retku. Te nedosljedne praznine mogu otežati čitanje teksta. To je posebno važno na web stranicama koje je već sada teško pročitati zbog osvjetljenja, razlučivosti ili druge hardverske kvalitete. Dodavanje neobičnih razmaka u tekst može lošu situaciju još pogoršati.

Uz izazove čitljivosti, prazni se prostori ponekad poravnaju jedan s drugim kako bi stvorili "rijeke" praznog prostora usred teksta. Te velike praznine bijelog prostora doista mogu stvoriti neugodan prikaz. Uz to, na izuzetno kratkim crtama opravdanje može uzrokovati retke koji sadrže jednu riječ s dodatnim razmakom između samih slova.

Pa kada biste trebali koristiti obrazloženje teksta? Najbolje vrijeme za opravdanje teksta događa se kada su redovi dugi, a veličina fonta mala - nešto što je teško osigurati na responzivnim web mjestima gdje se duljine reda mijenjaju na temelju veličina zaslona. Ne postoji čvrst broj za duljinu retka ili veličinu teksta; morate koristiti svoju najbolju prosudbu.

Nakon što primijenite stil poravnanja teksta kako biste opravdali tekst, testirajte ga kako biste bili sigurni da tekst nema rijeke praznine - i testirajte ga u različitim veličinama. Najlakši test ne zahtijeva ništa složenije od vlastitih zaškiljenih očiju. Rijeke se ističu kao mrlje bijele boje u inače sivom bloku teksta. Ako vidite rijeke, trebali biste izmijeniti veličinu teksta ili širinu bloka teksta da biste preoblikovali tekst.

Opravdanje upotrijebite tek nakon što ga usporedite s tekstom poravnatim ulijevo. Možda će vam se svidjeti dosljednost cjelovitog obrazloženja, ali standardni je tekst poravnat s lijeve strane obično čitljiviji. Na kraju biste trebali obrazložiti tekst jer ste odlučili opravdati tekst u svrhu dizajna i potvrdili ste da je vaša web lokacija i dalje laka za čitanje.

instagram story viewer