Kaip nustatyti pagrįstą tekstą naudojant CSS

click fraud protection

Viena iš svetainės tipografijos savybių, kurią galite pasirinkti koreguoti kuriant svetainę, yra tai, kaip pateisinamas svetainės tekstas. Pagal numatytuosius nustatymus svetainės tekstas paliekamas pagrįstas ir tai yra tai, kiek svetainių palieka savo tekstą. Vieninteliai kiti variantai yra teisingi, kurie yra reti arba yra visiškai pagrįsti.

Pagrįstas tekstas yra teksto blokas, lygiuojantis tiek iš kairės, tiek iš dešinės pusės, priešingai nei tik viena iš tų pusių (ką daro „kairysis“ ir „dešinysis“ pagrindimas). Dvigubai pagrįstas efektas pasiekiamas koreguojant žodžių ir raidžių tarpus kiekvienoje teksto eilutėje, siekiant užtikrinti, kad kiekviena eilutė būtų vienodo ilgio. Šis efektas vadinamas išsamus pagrindimas. Patvirtinkite tekstą CSS naudodami sulyginti tekstą nuosavybė.

Kaip veikia teisinimas?

Priežastis, kodėl dešinėje teksto bloko pusėje dažnai matote netolygų kraštą, yra ta, kad kiekviena teksto eilutė nėra vienodo ilgio. Kai kuriose eilutėse yra daugiau žodžių ar ilgesnių žodžių, kitose - mažiau ar trumpesnių žodžių. Norint pateisinti tą teksto bloką, prie kai kurių eilučių reikia pridėti papildomų tarpų, kad visos eilutės būtų išlygintos ir kad jos būtų nuoseklios.

instagram viewer

Kiekviena interneto naršyklė turi savo algoritmą, kaip pritaikyti papildomas tarpus eilutėje. Naršyklės atsižvelgia į žodžių ilgį, brūkšnelį ir kitus veiksnius, kad nustatytų, kur įdėti tarpus. Todėl pagrįstas tekstas gali neatrodyti identiškas iš vienos naršyklės į kitą. Tačiau būkite tikri, kad pagrindinis naršyklės palaikymas yra tinkamas pagrindžiant tekstą naudojant CSS.

Kaip pateisinti tekstą

Norint pateisinti tekstą naudojant CSS, reikia tam tikros teksto dalies. Paprastai naudosite teksto pastraipas, nes dideli teksto konteksto blokai, apimantys kelias eilutes, bus pažymėti pastraipų žymomis.

Kai pateiksite teksto bloką, kurį pateisinsite, tereikia nustatyti stilių, kad jis būtų pagrįstas CSS teksto sulyginimo stiliaus ypatybe. Taikykite šią CSS taisyklę tinkamam selektoriui, kad teksto blokas būtų pateiktas kaip numatyta.

Kada pateisinti tekstą

Daugelis žmonių mėgaujasi pateisinamo teksto išvaizda dizaino požiūriu, daugiausia dėl to, kad sukuria labai nuoseklų, išmatuotą išvaizdą, tačiau yra ir visiško tinklalapio pagrindimo teksto trūkumų.

Pirma, pagrįstą tekstą gali būti sunku perskaityti. Taip yra todėl, kad pateisinant tekstą, tarp kai kurių žodžių eilutėje kartais gali būti pridėta daug vietos. Tos nenuoseklios spragos gali apsunkinti teksto skaitymą. Tai ypač svarbu tinklalapiuose, kuriuos jau sunku apskaityti dėl apšvietimo, skiriamosios gebos ar kitos aparatinės įrangos kokybės. Pridėjus neįprastų tarpų prie teksto, bloga situacija gali būti dar blogesnė.

Be skaitomumo iššūkių, tuščios vietos kartais išsirikiuoja viena į kitą, kad teksto viduryje atsirastų baltosios erdvės „upės“. Tie dideli baltosios erdvės tarpai tikrai gali sukelti nepatogų vaizdą. Be to, labai trumpose eilutėse pateisinimas gali sukelti eilutes, kuriose yra vienas žodis, su papildomomis tarpais tarp pačių raidžių.

Taigi, kada turėtumėte naudoti teksto pagrindimą? Geriausias laikas pagrįsti tekstą atsiranda, kai eilutės yra ilgos ir šrifto dydis yra mažas - tai sunku užtikrinti reaguojančiose svetainėse, kuriose linijų ilgis keičiasi atsižvelgiant į ekrano dydį. Nėra sunkaus ir greito eilutės ilgio ar teksto dydžio skaičiaus; turite naudoti savo geriausią sprendimą.

Pritaikę teksto sulyginimo stilių, kad pateisintumėte tekstą, išbandykite jį ir įsitikinkite, kad tekste nėra baltos erdvės upių - ir išbandykite jį įvairiais dydžiais. Lengviausias testas nereikalauja nieko sudėtingesnio, nei jūsų pačių užmerktos akys. Kitaip pilkame teksto bloke upės išsiskiria kaip baltos dėmės. Jei matote upes, turėtumėte pakeisti teksto dydį arba teksto bloko plotį, kad tekstas būtų perteklinis.

Pagrindimą naudokite tik palyginę jį su kairiuoju lygiuotu tekstu. Jums gali patikti visiško pagrindimo nuoseklumas, tačiau standartinis kairiuoju tekstu pagrįstas tekstas paprastai yra lengviau skaitomas. Galų gale turėtumėte pagrįsti tekstą, nes pasirinkote pateisinti tekstą dizaino tikslais ir patvirtinote, kad jūsų svetainė išlieka lengvai skaitoma.

instagram story viewer