Kaip nustatyti teisingą tekstą su CSS

Naudodamiesi CSS teksto derinimo nuosavybe, norėdami pateisinti tekstą

Vienas iš svetainės tipografijos savybių, kurias galite pasirinkti koreguoti svetainės kūrimo metu, yra tai, kaip svetainės tekstas yra pagrįstas. Pagal numatytuosius nustatymus svetainės tekstas paliekamas pagrįstas ir tai reiškia, kiek svetainių paliks savo tekstą. Vieninteliai kiti variantai yra pagrįsti, kurių niekas nenaudoja svetainėse, nes dėl to tekstą iš esmės būtų neįmanoma skaityti internete arba tai, kas žinoma kaip visiškai pagrįsta.

Ištaisytas tekstas yra teksto blokas, kuris suderinamas tiek kairėje, tiek dešinėje, o ne tik viena iš tų pusių (tai yra "kairė" ir "teisė"). Dvigubai pagrįstas efektas atliekamas sureguliuojant žodžių ir raidžių tarpus kiekvienoje teksto eilutėje, siekiant užtikrinti, kad kiekviena eilutė būtų vienodo ilgio. Šis efektas vadinamas išsamiu pagrindimu . Jūs pateiksite tekstą CSS naudodami teksto suderinimo savybę.

Kaip veikia pagrindimas?

Priežastis, kodėl dažnai matote nevienodą brūkšnelį dešinėje teksto bloko pusėje, yra tai, kad kiekviena teksto eilutė nėra vienodo ilgio. Kai kuriose eilutėse yra daugiau žodžių ar ilgesnių žodžių, o kitiems yra mažiau ar trumpesnių žodžių. Norint pateisinti šį teksto bloką, kai kurioms eilutėms reikia pridėti papildomų tarpų, kad išlygintumėte visas eilutes ir padarytumėte nuoseklumą.

Kiekvienas žiniatinklio naršyklės kūrėjas turi savo algoritmą papildomiems tarpams taikyti eilutėje. Naršyklės žiūri į žodžio ilgį, brūkšnelius ir kitus veiksnius, kad nustatytų, kur įdėti erdves.

Todėl pagrįstas tekstas gali atrodyti ne vienodai nuo vieno naršyklės iki kito. Tai gerai, nes nė vienas svetainės lankytojas nepersijungs iš vienos naršyklės prie kitos, tik norėdamas palyginti, kaip atrodo jūsų svetainės linijos ilgis! Tačiau įsitikinkite, kad pagrindinis naršyklės palaikymas yra naudingas norint pateisinti tekstą su CSS.

Kaip ištaisyti tekstą

Teksto su CSS pagrindimas reikalauja, kad tekstas būtų pagrįstas.

Paprastai tai daroma teksto dalims, nes dideli teksto konteksto blokai, apimantys kelias eilutes, bus pažymėti žymių.

Jei turite paaiškinti teksto bloką, tai tik stiliaus nustatymas, kuris pateisinamas CSS teksto derinimo stiliaus nuosavybe.

text-align: justi;

Šią CSS taisyklę turėsite pritaikyti atitinkamam parinkėjui, norėdami gauti teksto bloką, kaip numatyta.

Kada ištaisyti tekstą

Daugelis žmonių mano, kad pagrįsto teksto išvaizda yra dizaino požiūriu, daugiausia dėl to, kad jis sukuria labai nuoseklią, išmatuotą išvaizdą, bet yra nepalankių priežasčių, kad būtų galima visiškai pagrįsti tekstą tinklalapyje.

Pirma, pagrįstą tekstą gali būti sunku perskaityti. Taip yra todėl, kad kai paaiškinsite tekstą, kartais gali būti pridėta daug papildomos vietos tarp kai kurių žodžių eilutėje. Šie nenuoseklūs trūkumai gali padaryti tekstą sunkiau perskaityti. Tai ypač svarbu tinklalapiuose, kuriuos jau sunku perskaityti dėl apšvietimo, skiriamosios gebos ar kitos aparatūros kokybės. Teksto neįprastų tarpų pridėjimas gali dar blogiau paveikti padėtį.

Be skaitymo problemų, tuščios vietos kartais derinamos viena prie kitos, kad teksto viduryje sukurtų "banginių plotų" "upes".

Tokie dideli baltos erdvės spragos tikrai gali sukelti nepatogu rodymą. Be to, dėl labai trumpų eilučių, pateisinimas gali sukelti linijas, kuriose yra vienas žodis ir papildomų tarpų tarp pačių laiškų.

Taigi, kada turėtumėte naudoti teksto pagrindimą? Geriausias teksto pateisinimo laikas atsiranda tada, kai eilutės yra ilgos ir šrifto dydis yra mažas (tai yra sunku garantuoti jautriose svetainėse, kuriose linijos ilgis keičiasi atsižvelgiant į ekrano dydžius). Trumpo ir greito skaičiaus linijos ilgiui ar teksto dydžiui nėra, todėl turite naudoti geriausią sprendimą.

Kai tekstą pateiksite teksto išlyginimo stiliumi, jį patikrinkite, kad tekste nebūtų baltos erdvės upelių, ir įsitikinkite, kad jį išbandote įvairiais dydžiais.

Lengviausias būdas tai padaryti - tai matyti akis. Upės išsiskiria kaip balti blizgiai kitaip pilkame teksto bloke. Jei matote upes, teksto dydžio arba teksto bloko pločio pakeitimus turėtumėte pakeisti, kad atsikratytumėte tų negražų upių.

Naudokite tik pagrindimą, kai jį palyginote su kairiuoju tekstu, kaip parodyta šiame straipsnyje. Jūs pateikiate kaip visiško pateisinimo nuoseklumą, tačiau standartinis kairėje pagrįstas tekstas dažniausiai yra labiau suprantamas. Galų gale turėtumėte pagrįsti tekstą, nes pasirinkote tekstą pateisinti dizaino tikslais ir patvirtinote, kad jūsų svetainė yra lengva skaityti.