A CSS Text-Align tulajdonság használata a szöveg igazolásához
Az egyik webes tipográfia tulajdonsága, amelyet a webhely fejlesztése során beállíthatja, a webhely szövegének indokoltsága. Alapértelmezés szerint a weboldal szövege indokolt, és ez az, hogy hány webhely hagyja el szöveget. Az egyetlen más lehetőség igazolt, amelyet senki nem használ a weboldalakon, mivel ezáltal a szöveget lényegében lehetetlen online olvasni, vagy teljesen indokoltnak tekinteni.
Jogosult szöveg egy szövegblokk, amely mind a bal, mind pedig a jobb oldalon egyaránt igazodik, szemben az egyik oldalon (ez a "bal" és a "jobb" igazolás). A kétszeresen indokolt hatást úgy végezzük el, hogy a szó- és a betűterületeket minden egyes szövegsorban kiigazítjuk annak biztosítására, hogy minden vonal azonos hosszúságú legyen. Ezt a hatást teljes indoklásnak nevezik. A text-align tulajdonság használatával igazolja a szöveget a CSS-ben.
Hogyan működik az indokolás?
Az az oka, hogy gyakran látsz egy egyenetlen él a szövegblokk jobb oldalán, mert minden szövegsor nem ugyanolyan hosszú. Egyes sorok több szóval vagy hosszabb szavakkal rendelkeznek, míg mások kevesebb vagy rövidebb szóval rendelkeznek. Ennek a szövegblokknak az igazolásához extra vonalakat kell hozzáadni egyes sorokhoz, hogy kiegyenlítsük az összes vonalat, és következetessé tesszük azokat.
Minden web böngészőnek saját algoritmusa van arra, hogy egy soron belül hozzáadja az extra szóközöket. A böngészők a szóhosszat, az elválasztást és más tényezőket vizsgálják, hogy meghatározzák, hol helyezzük el a szóközöket.
Ennek eredményeképpen az indokolt szöveg nem azonos az egyik böngészőtől a másikig. Ez rendben van, hiszen egyetlen látogató sem ugrik az egyik böngészőből a másikba, csak azért, hogy összehasonlítsa a webhely vonalhosszainak megjelenését! Biztos lehet benne, hogy a nagy böngésző támogatás a CSS-hez való igazolásra alkalmas.
A szöveg helyesbítése
A CSS-szel való igazoláshoz szöveget kell megindokolni.
Ez általában a szövegrészekhez igazodik, mivel a szöveges szövegkörnyezet több blokkja, amely több sorra kiterjed, beillesztésre kerülnek a bekezdéscímkékkel.
Miután egy szövegblokk igazolja, csak a CSS text-align stílus tulajdonságának indokolt stílusának beállítása.
text-align: justify;
Ezt a CSS szabályt megfelelő szelekcióra kell alkalmazni, hogy a szöveg blokkját a kívánt módon rendezze.
Mikor kell igazolni a szöveget
Sokan szeretik a megalapozott szöveg megjelenését a tervezési szempontból, nagyrészt azért, mert nagyon konzisztens, mért megjelenést kölcsönöz, de vannak olyan hátrányai, amelyek teljesen indokolják a szöveget egy weboldalon.
Először is, az indokolt szöveg nehezen olvasható. Ennek az az oka, hogy a szöveg igazolásakor néha több szóközt is hozzáadhat a sorban található szavak között. Ezek a következetlen hézagok nehezebbé teszik a szöveget olvasni. Ez különösen fontos a weboldalakon, amelyek már világos, mert megvilágítás, felbontás vagy más hardver minőség miatt nehéz megfejteni. Szokatlan helyek hozzáadása a szöveghez még rosszabb helyzetet is okozhat.
Az olvashatósági problémák mellett az üres helyek néha egymással is felegyenesednek, hogy a szöveg közepén "fehér folyó" folyókat hozzanak létre.
Azok a hatalmas résközök, amelyek a fehér helyiségben vannak, valóban megkönnyítik a kínos megjelenítést. Ezen túlmenően, rendkívül rövid vonalaknál az igazolás olyan sorokat eredményezhet, amelyek magukban a betűkkel több szóközt tartalmaznak.
Tehát mikor kell a szövegigazolást használni? A szöveg igazolására a legjobb idő, ha a vonalak hosszúak és a betűméret kicsi (ez olyan, hogy nehezen biztosítja az érzékeny weboldalakat, ahol a vonalhosszak a képernyőméretek alapján változik). Nem létezik kemény és gyors szám a vonal hosszára vagy a szöveg méretére vonatkozóan, akkor a legjobb ítéletet kell használnia.
Miután alkalmazta a text-align stílust a szöveg igazolására, tesztelje annak ellenőrzését, hogy a szövegnek nincsenek-e folyóvizei - és mindenképpen tesztelje a különböző méreteket.
A legegyszerűbb módja annak, hogy szemmel láthatóan szemlélje. A folyók fehér színű foltokként jelennek meg egy másképp szürke szövegtömbben. Ha folyókat látsz, módosítsd a szövegméretet vagy a szövegblokk szélességét, hogy megszabaduljon a csúnya folyóktól.
Csak akkor használja az indoklást, ha összehasonlította a baloldali szöveggel, ahogyan ezt a cikket látja. Úgy teszel, mint a teljes igazolás konzisztenciája, de a szabványos balra igazolt szöveg általában jobban olvasható. Végül indokolja a szöveget, mert úgy döntött, hogy igazolja a szöveget tervezési célokra, és megerősítette, hogy webhelye továbbra is könnyen olvasható.