Kako postaviti opravdani tekst sa CSS-om

Korišćenje svojstva CSS Text-Align za opravdanje teksta

Jedno od osobina tipografije web stranice koju možete odabrati da prilagodite tokom razvoja sajta je kako je tekst sajta opravdan. Podrazumevano, tekst veb stranice ostao je opravdano i ovo je broj stranica koje napuštaju tekst. Jedine druge opcije su ispravno opravdane, koje niko ne koristi na veb lokacijama, jer bi učinio tekst u suštini nemoguće čitati na internetu, ili što je poznato kao potpuno opravdano.

Opravdani tekst je blok teksta koji se poravna na levoj i na desnoj strani, za razliku od jedne od tih strana (to je ono što "levo" i "ispravno" opravdavaju). Dvostruko opravdani efekat se postiže podešavanjem razmaka slova i slova u svakoj liniji teksta kako bi se osiguralo da je svaka linija iste dužine. Ovaj efekat se zove potpuna opravdanost . Pravi tekst u CSS-u koristeći svojstvo za poravnavanje teksta .

Kako funkcioniše opravdanje?

Razlog zbog kojeg često vidite neujednačenu ivicu sa desne strane bloka teksta je zato što svaka linija teksta nije iste dužine. Neke linije imaju više reči ili dužih reči, dok druge imaju manje ili kraće reči. Da bi se opravdao taj blok teksta, dodatni razmaci moraju biti dodati u neke redove kako bi se izjednačile sve linije i postale konzistentne.

Svaki web pretraživač ima sopstveni algoritam za primjenu dodatnih prostora unutar linije. Pretraživači gledaju na dužinu reči, dijafazu i druge faktore kako bi odredili gdje da se razmakne.

Kao rezultat, opravdani tekst možda ne izgleda identičan od jednog pretraživača do drugog. Ovo je dobro jer nijedan posjetilac sajta neće preći iz jednog pretraživača u drugi samo da usporedi kako izgledaju duzine vašeg sajta! Uverite se, međutim, da je velika podrška za pretragu dobra za opravdanje teksta sa CSS-om.

Kako praviti tekst

Pravljenje teksta pomoću CSS-a zahteva odeljak teksta koji opravdava.

Obično se to radi paragrafima teksta pošto se veliki blokovi tekstualnog konteksta koji obuhvaćaju više linija označavaju oznake pasusa.

Pošto imate blok za tekst da opravdate, samo je pitanje postavljanja stila koji je opravdan pomoću CSS -ovog stila za prilagođavanje teksta .

tekstualno poravnanje: opravdati;

Trebalo bi da primenite ovo CSS pravilo odgovarajućem selektoru da biste dobili blok od teksta kako biste to uradili.

Kada da pravimo tekst

Mnogi ljudi vole izgled ispravnog teksta sa dizajnerskog stanovišta, uglavnom zato što stvara veoma dosledan, mjeren izgled, ali postoje nedostaci da se u potpunosti opravda tekst na web stranici.

Prvo, opravdani tekst može biti teško čitati. To je zato što prilikom opravdanja teksta, ponekad se može dodati mnogo dodatnih prostora između nekih reči na liniji. Te nekonzistentne praznine mogu otežati čitanje teksta. Ovo je posebno važno na web stranicama, koje se već mogu teško čitati zbog osvjetljenja, rezolucije ili drugog kvaliteta hardvera. Dodavanje neobičnih razmaka u tekst može još lošije rešiti lošu situaciju.

Pored pitanja čitljivosti, prazni prostori se ponekad međusobno kreiraju i kreiraju "rijeke" belog prostora u sredini teksta.

Ove velike praznine bijelog prostora mogu zaista napraviti neugodan prikaz. Pored toga, na izuzetno kratkim linijama, opravdanje može prouzrokovati linije koje sadrže jednu reč sa dodatnim razmacima između samih slova.

Dakle, kada biste trebali koristiti obrazloženje? Najbolji trenutak za opravdanje teksta se javlja kada su linije dugačke i veličina fonta je mala (nešto što je teško osigurati na odgovarajućim veb lokacijama gdje se dužine linija menjaju na osnovu veličine ekrana). Ne postoji čvrst i brz broj za dužinu linije ili veličinu teksta, morate koristiti najbolju presudu.

Nakon što primenite stil poravnanja teksta da biste opravdali tekst, testirajte ga da biste se uverili da tekst nema reke belog prostora - i proverite da li je testiran u različitim veličinama.

Najlakši način da to uradite jeste da je pogledate sa zrnatim očima. Reke se ističu kao bijele boje u inače sivom bloku teksta. Ako vidite rijeke, trebali biste napraviti promjene u veličini teksta ili širini tekućeg bloka kako biste se riješili tih grbova rijeka.

Koristite samo opravdanje pošto ste ga uporedili sa tekstom poravnatim sa leve strane, kao što vidite u ovom članku. Vi činite kao konzistentnost potpunog opravdanja, ali standardni levi opravdani tekst obično je čitljiviji. Na kraju, trebalo bi da opravdate tekst jer ste izabrali da opravdate tekst u cilju dizajna i potvrdili da je vaše mesto olakšano čitati.