Skip to main content

Slik setter du rettferdig tekst med CSS

Technology Stacks - Computer Science for Business Leaders 2016 (April 2025)

Technology Stacks - Computer Science for Business Leaders 2016 (April 2025)
Anonim

En av egenskapene til et nettsteds typografi som du kan velge å justere under et nettsteds utvikling, er hvordan nettstedets tekst er berettiget. Som standard er nettstedteksten igjen begrunnet, og dette er hvor mange nettsteder som forlater teksten. De eneste andre alternativene er riktig berettiget, som ingen bruker på nettsteder siden det ville gjøre teksten i det vesentlige umulig å lese på nettet, eller det som er kjent som fullt begrunnet.

Rettferdig tekst er en blokk med tekst som retter seg mot både venstre og høyre side, i motsetning til bare en av disse sidene (som er hva "venstre" og "rett" begrunnelse gjør). Den dobbelte begrunnede effekten oppnås ved å justere ordet og bokstavene i hver tekstlinje for å sikre at hver linje har samme lengde. Denne effekten kalles full begrunnelse. Du rettferdiggjør tekst i CSS ved å bruke tekst-Juster eiendom.

Hvordan virker begrunnelse?

Årsaken til at du ofte ser en ujevn kant på høyre side av en blokk med tekst, er fordi hver linje med tekst ikke er like lang. Noen linjer har flere ord eller lengre ord mens andre har færre eller kortere ord. For å rettferdiggjøre denne tekstblokken må ekstra mellomrom legges til noen linjer for å jevne ut alle linjene og gjøre dem konsekvente.

Hver nettleserprodusent har sin egen algoritme for å bruke de ekstra mellomromene innenfor en linje. Nettleserne ser på ordlengde, bindestrek og andre faktorer for å bestemme hvor du skal plassere mellomrom. Som et resultat kan ikke begrunnet tekst se identisk ut fra en nettleser til den neste. Dette er greit siden ingen besøkende vil hoppe fra en nettleser til en annen for å sammenligne hvordan nettstedets lengder ser ut! Vær sikker på at stor nettleserstøtte er god for å rettferdiggjøre tekst med CSS.

Hvordan rettferdiggjøre tekst

Å rettferdiggjøre tekst med CSS krever en del av teksten som skal begrunnes. Vanligvis gjøres dette til tekststykker, da store blokker av tekstkontekst som strekker seg over flere linjer, vil bli merket med avsnittetiketter.

Etter at du har en blokk med tekst for å rettferdiggjøre, handler det bare om å sette stilen til rettferdiggjørelse med CSS-tekstjusteringsstilegenskapen.

tekstjustering: rettferdiggjøre;

Du må bruke denne CSS-regelen til en passende väljare for å få tekstblokken til å gjengi som ønsket.

Når skal du rettferdiggjøre tekst

Mange mennesker ser utseendet på rettferdig tekst fra et utformingssynspunkt, hovedsakelig fordi det skaper et svært konsistent, målt utseende, men det er ulemper om å fullt ut rettferdiggjøre tekst på en nettside.

For det første kan rettferdig tekst være vanskelig å lese. Dette skyldes at når du rettferdiggjør tekst, kan det til og med legges mye ekstra plass mellom noen ord på linjen. Disse inkonsekvente hullene kan gjøre teksten vanskeligere å lese. Dette er spesielt viktig på nettsider, noe som kan være vanskelig å lese allerede på grunn av belysning, oppløsning eller annen maskinvarekvalitet. Å legge til uvanlige mellomrom i teksten kan gjøre en dårlig situasjon enda verre.

I tillegg til lesbarhetsproblemer er de tomme mellomrom iblant på linje med hverandre for å lage "elver" av hvitt mellomrom midt på teksten. De store hullene i det hvite rommet kan virkelig gjøre for en plagsom visning. I tillegg, på svært korte linjer, kan begrunnelse forårsake linjer som inneholder ett ord med ekstra mellomrom mellom bokstavene selv.

Så når skal du bruke tekstbegrensning? Den beste tiden til å rettferdiggjøre tekst oppstår når linjene er lange og skriftstørrelsen er liten (noe som er vanskelig å sikre på lydhør nettsteder hvor linjelengder endres basert på skjermstørrelser). Det er ikke noe hardt og raskt nummer for lengden på linjen eller størrelsen på teksten, du må bruke din beste dømmekraft.

Når du har brukt tekstjusteringsstilen for å rettferdiggjøre tekst, må du teste den for å forsikre deg om at teksten ikke har elver av hvitt mellomrom - og sørg for å teste det i en rekke størrelser. Den enkleste måten å gjøre dette på er å se den med skitne øyne. Elvene skiller seg ut som flekker av hvitt i en ellers grå tekstblokk. Hvis du ser elver, bør du gjøre endringer i tekststørrelsen eller bredden på tekstblokken for å kvitte seg med de lune elvene.

Bruk bare begrunnelse etter at du har sammenlignet den med venstrejustert tekst som vist i denne artikkelen. Du gjør som konsistensen av full begrunnelse, men standardteksten som er rettferdiggjort, er vanligvis mer lesbar. Til slutt bør du rettferdiggjøre tekst fordi du har valgt å rettferdiggjøre teksten til designformål og har bekreftet at nettstedet ditt fortsatt er lett å lese.