Una dintre proprietățile tipografiei unui site pe care ați putea să o modificați în timpul dezvoltării unui site este modul în care textul site-ului este justificat. În mod implicit, textul site-ului web este lăsat justificat și acesta este modul în care multe site-uri părăsesc textul. Singurele alte opțiuni sunt corect justificate, pe care nimeni nu le folosește pe site-uri, deoarece ar face textul imposibil de citit online, sau ceea ce este cunoscut ca pe deplin justificat.
Textul justificat este un bloc de text care se aliniază atât pe partea stângă, cât și pe cea dreaptă, spre deosebire de una din acele părți (ceea ce face justificarea "stânga" și "dreapta"). Efectul dublu justificat se realizează prin ajustarea spațiilor de cuvinte și litere în fiecare rând de text pentru a se asigura că fiecare linie are aceeași lungime. Acest efect se numește justificare completă. Puteți justifica textul în CSS utilizând aliniere text proprietate.
Cum funcționează justificarea?
Motivul pentru care vedeți adesea o margine neuniformă pe partea dreaptă a unui bloc de text este că fiecare linie de text nu are aceeași lungime. Unele linii au mai multe cuvinte sau cuvinte mai lungi, în timp ce altele au cuvinte mai putine sau mai scurte. Pentru a justifica acest bloc de text, trebuie adăugate spații suplimentare la unele linii pentru a elimina toate liniile și a le face consecvente.
Fiecare producător de browsere web are propriul algoritm de aplicare a spațiilor suplimentare într-o linie. Browserele privesc lungimea cuvântului, cuvintele de despărțire și alți factori pentru a determina unde să pună spațiile. Drept urmare, textul justificat nu poate să pară identic de la un browser la altul. Acest lucru este bine, deoarece nici un vizitator al site-ului nu va sari de la un browser la altul doar pentru a compara modul în care lungimea liniei site-ului dvs. arata! Fiți siguri, totuși, că suportul major al browserului este bun pentru a justifica textul cu CSS.
Cum să justificați textul
Justificarea textului cu CSS necesită o secțiune de text pentru a justifica. În mod tipic, acest lucru se face în paragrafe de text, deoarece blocuri mari de context text care se întind pe mai multe linii vor fi marcate cu etichete paragraf.
După ce aveți un bloc de text pentru a justifica, este doar o chestiune de stabilire a stilului pentru a fi justificată cu proprietatea de stil text-aliniere CSS.
text-align: justify;
Va trebui să aplicați această regulă CSS unui selector adecvat pentru a obține blocul de text pentru a reda conform destinației.
Când să justificați textul
Mulți oameni preferă aspectul textului justificat dintr-un punct de vedere al designului, în mare parte pentru că creează un aspect foarte consistent, măsurat, dar există dezavantaje pentru a justifica pe deplin textul pe o pagină Web.
În primul rând, textul justificat poate fi greu de citit. Acest lucru se datorează faptului că, atunci când justificați textul, uneori pot fi adăugate o mulțime de spațiu între anumite cuvinte de pe linie. Aceste lacune inconsistente pot face textul mai greu de citit. Acest lucru este deosebit de important pe paginile web, care pot fi dificil de citit deja datorită iluminării, rezoluției sau a altor calități hardware. Adăugarea de spații neobișnuite la text poate face o situație proastă și mai gravă.
Pe lângă problemele de citire, spațiile goale uneori se aliniază una cu alta pentru a crea "râuri" de spațiu alb în mijlocul textului. Aceste goluri mari de spațiu alb pot face într-adevăr pentru un afișaj ciudat. În plus, pe linii extrem de scurte, justificarea poate provoca linii care conțin un cuvânt cu spații suplimentare între litere.
Atunci când trebuie să folosiți justificarea textului? Cel mai bun moment pentru a justifica textul are loc atunci când liniile sunt lungi și dimensiunea fontului este mică (ceva care este greu de asigurat pe site-urile care răspund, unde lungimea liniilor se modifică în funcție de dimensiunile ecranului). Nu există un număr tare și rapid pentru lungimea liniei sau dimensiunea textului, trebuie să utilizați cea mai bună judecată.
După ce aplicați stilul text-aliniere pentru a justifica textul, testați-l pentru a vă asigura că textul nu are râuri de spațiu alb - și asigurați-vă că îl testați la o varietate de dimensiuni. Cel mai simplu mod de a face acest lucru este să-l vizualizați cu ochii înțepeniți. Râurile se remarcă ca pete albe într-un bloc alb de text. Dacă vedeți râuri, ar trebui să faceți modificări la dimensiunea textului sau la lățimea blocului de text pentru a scăpa de acele râuri inestetice.
Utilizați justificarea numai după ce l-ați comparat cu textul aliniat la stânga, așa cum se vede în acest articol. Faceți ca o consistență de justificare completă, dar textul standard stânga justificat este de obicei mai ușor de citit. În cele din urmă, ar trebui să justificați textul deoarece ați ales să justificați textul în scopuri de proiectare și ați confirmat că site-ul dvs. rămâne ușor de citit.
