Text-align indokolják

Behúzás: A szöveg szélessége a CSS - ez egyike azoknak a „szörnyű” dolgok, melyeket folyamatosan ijesztgetni kisgyermekek kezdődő tervezők. És néhány ember egyszerűen és miért nem tudja használni indokolja. Minden magyarázat csökken az állítás „csak nem használja, meg minden.”

És ez az egész egy rossz dolog?

Miért is

Példák szövegigazítást szélessége (mind a bal és a jobb oldalon), akkor gyakran látni az újságokban és magazinokban. Ezt alkalmazzák a kis oszlopszélességet elkerülése érdekében kellemetlen a szemnek „memorizálás” a szöveg jobb oldalán a sor. Ez az illesztő növeli az olvashatóságot és sebességét. A kis oszlop szélessége lehetővé teszi, nézd, hogy fedezze az egész sort egyszerre, és nem csúszik folyamatosan balról jobbra, amely jelentősen csökkenti a terheket a szemét az olvasó.

Íme néhány példa az összehasonlítás:

Egy példa a szöveg igazítását oszlopokban a bal oldalon.

Példa összehangolása szövegének oszlopok szélességében.

Nyilvánvaló, hogy a második lehetőség könnyebb olvasni, és csak néz harmonikusabb (van egy további függőleges rögzített vezetéken, ami a szöveg kevésbé zsúfolt megjelenés).

Hogyan működik a Web

Egyetértek azzal, hogy a nyomvonal a böngésző van néhány probléma. Megadása CSS-tulajdonság text-align: indokolják egy oszlop szövegének kis szélessége (például a 200-300 px), akkor láthatjuk, valahogy így:

Vannak „problémás” helyeken formájában nagy szóköz a szavak között, lebontja a teljes képet a szövegben. Vannak példák, és ami még rosszabb, amikor például a sorban csak két rövid szót, és ezek egy vonalban két ellentétes oldalán. Azaz, a meglehetősen szűk oszlopok, böngészők mindig próbál nyújtani néhány szót a teljes szélességében a sor, függetlenül attól, hogy azok számát és hosszát. És ez az egyik fő probléma a webes tervezők.

Ó, mi lett volna igazán segített néhány tulajdonság a CSS -spetsifikatsii min-szó-sortávolság vagy max-szó-távolsággal. de ez csak az én fantáziám, és meg kell használni, mi van ott.

indokolják-teszter lehetővé teszi a „on the fly” megváltoztatni a szélessége a szöveg oszlopok, a betűméret, betűstílus, a színtelítettséget és az összehangolás.

Csakúgy, mint az előző esetben, remélem, a szkript segít kezelni a problémákat és megtalálni a megfelelő megoldásokat. Test must minden esetben (tervezési megoldások, a betűméret, oszlop szélességét, stb.)

Végleges következtetéseket lehet alkalmazni „Mindig és mindenért” nem kell tenni. Nem fogok vitatkozni azokkal, akik már döntöttek magamnak, hogy nem használja oldalak indoklás csak megosztani egy pár ajánlások és észrevételeiket azokkal, akik úgy döntöttek, hogy „vállalja a kockázatot.”

kis eredmények

Keresse meg a „rések” a szövegben egyszerű. Elég, ha kissé eltávolodni a monitort, és csökkenti az élességet :) (kancsal), hogy nem az egyes betűket és a szavakat, és az egész egység egészére. És akkor biztos, hogy észre a „fehér foltok”. Az ilyen helyeken a tekintetirány elromlik, és mozogni kezd, nem balról jobbra, mint máskor, és felfelé.

A legtöbb készlet közepes méretű (x-kicsi, kicsi, 11-12-13-14 px), kifejezettebb igazítás problémák figyelhetők meg az oszlopokban, a szélessége 400 px (legfeljebb 10 szó soronként). Ők továbbra is, de kevésbé észrevehető, mivel a távolság a szavak többé-kevésbé egyenlő. Ezért kívánatos, hogy használja a sorok igazolják szélessége kisebb, mint 400 képpont.

Ha azonban akkor csak meg kell igazítani a szöveget, hogy a szélessége és hossza a vonalak kicsi, próbálja meg növelni a vonalak közötti távolsággal (line-height), arra a pontra, ahol a bemélyedés között sor szöveg meghaladja a távolság nagy szóköz a szavak között. Ez fenntartja elfogadható olvashatóságot.

Nos, még ezt az alkalmazást lehet használni más célokra. bizonyítani az egyes fogyasztók, akik a „gumi” elrendezés a szöveget a saját honlapján nehéz lesz olvasni a nagy felbontású monitor (beszélek „gumi”, és nem adaptív layout).

Akkor segíts, hogy elérhetővé tegyük másoknak, vagy hogy lépést tartson a legújabb fejleményekről: