Kako nastaviti upravičeno besedilo s CSS

Uporaba lastnosti CSS-Text za poravnavo besedila

Ena od lastnosti tipografije spletne strani, ki jo lahko prilagodite med razvojem spletnega mesta, je, kako je besedilo spletnega mesta upravičeno. Privzeto je besedilo spletnega mesta upravičeno in to je, koliko spletnih mest zapusti svoje besedilo. Edine druge možnosti so upravičene, ki jih nihče ne uporablja na spletnih mestih, saj bi besedilo v bistvu onemogočilo branje na spletu ali kar je popolnoma upravičeno.

Utemeljeno besedilo je blok besedila, ki se poravna na levi in ​​desni strani, v nasprotju s samo eno od teh strani (kar naredi "levo" in "desno" utemeljitev). Dvostransko upravičeni učinek se doseže s prilagajanjem besednega in črkovnega prostora v vsaki vrstici besedila, da se zagotovi, da je vsaka črta enaka. Ta učinek se imenuje popolna utemeljitev . Besedilo v CSS-ju opravičujete s pomočjo lastnosti za poravnavo besedila .

Kako deluje obrazložitev?

Razlog, zaradi katerega pogosto vidite neenakomeren rob na desni strani bloka besedila, je, ker vsaka vrstica besedila ni enaka. Nekatere vrstice imajo več besed ali daljših besed, druge pa imajo manj ali krajše besede. Za utemeljitev tega bloka besedila je treba nekaterim vrsticam dodati dodatne prostore, da izločijo vse vrstice in jih uskladijo.

Vsak spletni brskalnik ima lasten algoritem za uporabo dodatnih prostorov znotraj linije. Brskalniki gledajo na dolžino besede, deljenje besed in druge dejavnike, da ugotovijo, kje naj se presledijo.

Kot rezultat, utemeljeno besedilo morda ne bo videti enako od enega brskalnika do drugega. To je v redu, ker noben obiskovalec spletnega mesta ne bo skočil iz enega brskalnika v drugega, da bi primerjal, kako so vaše dolžine vrstic videti! Vendar ne skrbite, da je velika podpora brskalnika dobra za utemeljitev besedila s CSS.

Kako upravičiti besedilo

Za utemeljitev besedila s CSS je potreben del besedila, ki ga je treba utemeljiti.

Običajno se to naredi v odstavkih besedila, saj bodo veliki bloki besedilnega konteksta, ki zajema več vrstic, označeni z oznakami odstavka.

Ko imate pravilo za blokiranje besedila, je samo vprašanje nastavitve sloga, ki ga je treba utemeljiti s slogom CSS, ki ustreza besedilu .

poravnava besedila: utemeljitev;

To pravilo CSS bi morali uporabiti v ustreznem izbirniku, da bi dobili besedilni blok, kot je bilo predvideno.

Kdaj upravičiti besedilo

Mnogi ljudje všeč videz upravičenega besedila z vidika oblikovanja, večinoma zato, ker ustvarja zelo dosleden, izmerjen videz, vendar obstajajo slabosti, ki popolnoma utemeljijo besedilo na spletni strani.

Prvič, utemeljeno besedilo je težko prebrati. To je zato, ker kadar upravičujete besedilo, lahko včasih dodate veliko dodatnega prostora med nekaterimi besedami v vrstici. Te nedosledne vrzeli lahko otežijo branje besedila. To je še posebej pomembno na spletnih straneh, ki jih je težko prebrati že zaradi razsvetljave, ločljivosti ali druge kakovosti strojne opreme. Dodajanje nenavadnih presledkov v besedilo lahko poslabša stanje.

Poleg težav z berljivostjo se prazni prostori včasih medsebojno ujemajo, da ustvarijo "reke" belega prostora na sredini besedila.

Te velike vrzeli belega prostora lahko resnično naredijo neroden prikaz. Poleg tega utemeljenost lahko v zelo kratkih vrsticah povzroči vrstice, ki vsebujejo eno besedo z dodatnimi presledki med samimi črkami.

Torej, kdaj naj uporabljate utemeljitev besedila? Najboljši čas za utemeljitev besedila se zgodi, če so črte dolge in je velikost pisave majhna (nekaj, kar je težko zagotoviti na odzivnih spletnih mestih, kjer se dolžine dolžin spreminjajo glede na velikost zaslona). Za dolžino vrstice ali velikost besedila ni trdega in hitrega števila, uporabite svojo najboljšo presojo.

Ko uporabite slog za poravnavo besedila, da bi upravičili besedilo, ga preizkusite, da se prepričate, da besedilo nima belih presledkov - in preverite, ali je test v različnih velikostih.

Najlažji način za to je, da si ga ogledate z zamegljenimi očmi. Reke izstopajo kot blatine bele barve v sivem blokah besedila. Če vidite reke, morate spremeniti velikost besedila ali širino besedilnega bloka, da se znebite tistih nesrečnih rek.

Uporabite le utemeljitev, potem ko jo primerjate z besedilom levo poravnano, kot je opisano v tem članku. Naredite kot doslednost popolne utemeljitve, običajno levo upravičeno besedilo pa je običajno bolj berljivo. Na koncu morate utemeljiti besedilo, ker ste se odločili, da upravičite besedilo za namene načrtovanja in potrdite, da je vaše spletno mesto enostavno prebrati.