Kako postaviti opravdan tekst s CSS

Upotreba alata CSS Text-Align za opravdanje teksta

Jedno od osobina tipografije web stranice koju možete prilagoditi prilikom razvoja web mjesta je kako je tekst web stranice opravdan. Prema zadanim postavkama tekst web mjesta ostaje opravdan i to je koliko mjesta ostavljaju svoj tekst. Jedine druge opcije imaju pravo opravdano, a nitko ne koristi na web stranicama budući da bi tekst bio bitno nemoguće čitati na mreži ili ono što je poznato kao potpuno opravdano.

Opravdani tekst je blok teksta koji se poravna na lijevoj i desnoj strani, za razliku od samo jedne od tih strana (što je ono što "lijevo" i "pravo" opravdanje čine). Dvostruko opravdani učinak postiže se podešavanjem riječi i slovnih prostora u svakoj liniji teksta kako bi se osiguralo da svaka linija bude iste duljine. Ovaj se efekt naziva punim opravdanjem . Vi opravdate tekst u CSS-u pomoću alata za podešavanje teksta .

Kako funkcionira opravdanje?

Razlog što često vidite neravnomjerni rub na desnoj strani bloka teksta je jer svaka linija teksta nije iste duljine. Neke linije imaju više riječi ili duljih riječi, dok druge imaju manje ili kraće riječi. Kako bi opravdali taj blok teksta, dodatni prostori moraju biti dodani u neke redove kako bi se izjednačili svi redci i učinili ih dosljednim.

Svaki kavu web preglednika ima svoj algoritam za primjenu dodatnih prostora unutar linije. Preglednici gledaju na duljinu riječi, crtice i druge čimbenike kako bi se utvrdilo gdje staviti razmake.

Kao rezultat toga, opravdani tekst možda neće izgledati identičan s jednog preglednika na sljedeći. To je u redu jer nema posjetitelja web mjesta skočiti s jednog preglednika u drugu samo da biste usporedili kako izgledaju duljine linije vaše web stranice! Budite sigurni, međutim, da je velika podrška preglednika dobra za opravdanje teksta s CSS-om.

Kako ispraviti tekst

Opravdavanje teksta s CSS-om zahtijeva odjeljak teksta koji opravdava.

Obično se to odnosi na odlomke teksta jer će se veliki blokovi tekstualnog konteksta koji obuhvaćaju više redaka označiti oznakama odlomaka.

Nakon što blokirate tekst za opravdanje, to je samo stvar postavljanja stila opravdano s CSS text-align stilu imovine.

tekst uskladiti: opravdati;

Trebali biste primijeniti ovo pravilo CSS-a na odgovarajući izbornik da biste dobili blok teksta koji će se prikazati kako je predviđeno.

Kada treba opravdati tekst

Mnogi ljudi vole izgled opravdanih tekstova s ​​gledišta dizajna, uglavnom zato što stvara vrlo dosljedan, izmjereni izgled, ali postoje padovi za potpuno opravdanje teksta na web stranici.

Prvo, opravdani tekst može biti teško čitati. To je zato što kad opravdate tekst, ponekad se može dodati mnogo dodatnog prostora između nekih riječi na retku. Ti nedosljedni praznine mogu otežati čitanje teksta. To je osobito važno na web stranicama, što može biti teško čitati već zbog osvjetljenja, rezolucije ili druge kvalitete hardvera. Dodavanje neobičnih prostora tekstu može čak pogoršati lošu situaciju.

Pored problema s čitljivosti, prazni prostori ponekad se međusobno podudaraju kako bi stvorili "rijeke" bijelog prostora u sredini teksta.

Te velike praznine bijelog prostora mogu zaista napraviti neugodan prikaz. Osim toga, na izuzetno kratkim crtama, opravdanje može prouzročiti linije koje sadrže jednu riječ s dodatnim razmakom između samih slova.

Dakle, kada biste trebali koristiti opravdanje teksta? Najbolje vrijeme za opravdanje teksta događa se kada su linije dugačke i veličina fonta je mala (nešto je teško osigurati na responzivnim web mjestima gdje se duljine linija mijenjaju na temelju veličine zaslona). Nema dugačkog i brzog broja za duljinu linije ili veličinu teksta, morate koristiti najbolju prosudbu.

Nakon primjene tekstualnog usklađivanja stila kako biste opravdali tekst, provjerite je li tekst ne sadrži rijeke bijelog prostora - i provjerite je li ga testirate u različitim veličinama.

Najlakši način da to učinite je da ga pogledate sa škiljenim očima. Rijeke se ističu kao blotches of white u inače sivom bloku teksta. Ako vidite rijeke, trebali biste izmijeniti veličinu teksta ili širinu tekstualnog bloka da biste se riješili onih neuglednih rijeka.

Koristite samo opravdanje nakon što ste je uspoređivali s tekstom lijevog okvira koji se vidi u ovom članku. Izrađujete kao dosljednost punog opravdanja, ali standardni opravdani lijevi tekst obično je čitljiviji. Na kraju, trebali biste opravdati tekst jer ste odabrali opravdanje teksta za dizajn i potvrdili da je vaša web lokacija jednostavna za čitanje.