Použitie vlastnosti CSS Text-Align na ospravedlnenie textu
Jednou z vlastností typografie webových stránok, ktorú si môžete počas vývoja stránky prispôsobiť, je spôsob, akým je text stránky opodstatnený. V predvolenom nastavení je text webovej stránky vľavo a to je to, ako mnoho stránok opúšťa svoj text. Jediné ďalšie možnosti sú správne odôvodnené, ktoré nikto nepoužíva na webových stránkach, pretože by to urobilo, že text je v podstate nemožné čítať on-line alebo čo je známe ako úplne opodstatnené.
Odôvodnený text je blok textu, ktorý je zarovnaný na ľavú a pravú stranu, na rozdiel od jednej z týchto strán (čo je to, čo "odišlo" a "pravé" zdôvodnenie). Dvojitý oprávnený účinok sa dosiahne úpravou medzi slovami a písmenami v každom riadku textu, aby sa zabezpečilo, že každý riadok má rovnakú dĺžku. Tento účinok sa nazýva plné ospravedlnenie . Ospravedlňujete text v CSS pomocou vlastností text-align .
Ako funguje odôvodnenie?
Dôvod, prečo často vidíte nerovný okraj na pravej strane bloku textu, je, že každý riadok textu nemá rovnakú dĺžku. Niektoré riadky majú viac slov alebo dlhšie slová, zatiaľ čo iné majú menej alebo kratšie slová. Ak chcete tento blok textu ospravedlniť, na niektoré riadky je potrebné pridať ďalšie medzery, aby sa všetky riadky vyrovnali a zosúladili.
Každý výrobca webových prehliadačov má svoj vlastný algoritmus na použitie extra medzery v riadku. Prehliadače pozerajú na dĺžku slova, pomenovanie a iné faktory, aby určili, kam umiestniť medzery.
Výsledkom toho je, že oprávnený text nemusí vyzerať z jedného prehliadača na druhý. Je to v poriadku, pretože žiadny návštevník stránky nebude skočiť z jedného prehliadača do druhého len preto, aby porovnal, ako dĺžky línií vašej stránky vyzerajú! Buďte si však istí, že hlavná podpora prehliadača je vhodná na zdôvodnenie textu pomocou CSS.
Ako odôvodniť text
Zdôvodnenie textu pomocou CSS vyžaduje odôvodnenie časti textu.
Zvyčajne sa to robí na odsekoch textu, pretože veľké bloky textového kontextu, ktoré sa prekrývajú s viacerými riadkami, budú označené značkami odseku.
Keď máte blok textu, ktorý je dôvodom, je to len otázka nastavenia štýlu na ospravedlnenie s vlastnosťou štýlu CSS text align .
text-align: justify;
Budete musieť použiť toto pravidlo CSS na príslušný selektor, aby ste dostali blok textu tak, ako to bolo určené.
Kedy odôvodniť text
Mnoho ľudí má rád vzhľad odôvodneného textu z hľadiska dizajnu, a to hlavne preto, že vytvára veľmi konzistentný, meraný vzhľad, ale na webovej stránke existujú nedostatky na úplné ospravedlnenie textu.
Po prvé, oprávnený text môže byť ťažko čitateľný. Je to preto, že keď ospravedlníte text, môže byť niekedy medzi jednotlivými slovami pridané veľa priestoru. Tieto nekonzistentné medzery môžu text ťažšie čítať. Toto je obzvlášť dôležité na webových stránkach, ktoré sa dajú ťažko čítať už kvôli osvetleniu, rozlíšeniu alebo inej hardvérovej kvalite. Pridanie nezvyčajných priestorov do textu môže ešte horšie zhoršiť situáciu.
Okrem problémov s čitateľnosťou sa prázdne miesta niekedy navzájom vyrovnajú, aby vytvorili "streky" bielych priestorov uprostred textu.
Tieto veľké medzery v bielom priestore môžu skutočne spôsobiť nepríjemné zobrazenie. Navyše, na extrémne krátkych čiarach, ospravedlnenie môže spôsobiť linky, ktoré obsahujú jedno slovo s ďalšími medzerami medzi samotnými písmenami.
Kedy teda použijete textové zdôvodnenie? Najlepší čas na ospravedlnenie textu nastáva, keď sú riadky dlhé a veľkosť písma je malá (niečo, čo je ťažké zabezpečiť na citlivých webových stránkach, kde sa dĺžka línií mení podľa veľkosti obrazovky). Nie je tu žiadne tvrdé a rýchle číslo pre dĺžku či veľkosť textu, musíte použiť svoj najlepší úsudok.
Po použití štýlu text zarovnanie na ospravedlnenie textu, otestujte ho, aby ste sa uistili, že text nemá rieky s bielym priestorom - a uistite sa, že ho otestujete v rôznych veľkostiach.
Najjednoduchší spôsob, ako to urobiť, je pozerať sa na neho. Rieky vystupujú ako biele škvrny v inak sivom bloku textu. Ak vidíte rieky, mali by ste zmeniť veľkosť textu alebo šírku textového bloku, aby ste sa zbavili týchto nevzhľadných riek.
Odporúčame používať iba ospravedlnenie potom, čo ste ho porovnali s textom zarovnaným vľavo, ako je uvedené v tomto článku. Robíte to ako konzistencia plného ospravedlnenia, ale štandardný ľavostranný text je zvyčajne čitateľnejší. Nakoniec by ste mali ospravedlniť text, pretože ste sa rozhodli zdôvodniť text na účely návrhu a potvrdili, že vaša stránka je stále ľahko čitateľná.