Sådan indstilles berettiget tekst med CSS

click fraud protection

En af egenskaberne ved et websteds typografi, som du kan vælge at justere under et websteds udvikling, er hvordan webstedsteksten er berettiget. Som standard er webstedstekst retfærdiggjort, og det er hvor mange websteder efterlader deres tekst. De eneste andre muligheder er retfærdige, hvilket er sjældent eller fuldt berettiget.

Begrundet tekst er en tekstblok, der justeres på både venstre og højre side i modsætning til kun en af ​​disse sider (hvilket er hvad "venstre" og "højre" begrundelse gør). Den dobbelt begrundede virkning opnås ved at justere ord- og bogstavrummene i hver tekstlinje for at sikre, at hver linje har samme længde. Denne effekt kaldes fuld begrundelse. Retfærdiggør tekst i CSS ved hjælp af tekstjustering ejendom.

Hvordan fungerer retfærdiggørelse?

Årsagen til, at du ofte ser en ujævn kant på højre side af en tekstblok, er at hver tekstlinje ikke har samme længde. Nogle linjer har flere ord eller længere ord, mens andre har færre eller kortere ord. For at retfærdiggøre denne tekstblok skal der tilføjes ekstra mellemrum til nogle linjer for at udjævne alle linjerne og gøre dem ensartede.

instagram viewer

Hver webbrowser har sin egen algoritme til anvendelse af de ekstra mellemrum inden for en linje. Browserne ser på ordlængde, orddeling og andre faktorer for at bestemme, hvor mellemrumene skal placeres. Som følge heraf kan retfærdiggjort tekst muligvis ikke se identisk ud fra en browser til den næste. Vær dog sikker på, at større browsersupport er godt til at retfærdiggøre tekst med CSS.

Sådan retfærdiggør du tekst

At retfærdiggøre tekst med CSS kræver en tekstdel for at retfærdiggøre. Typisk bruger du afsnit af tekst, fordi store blokke af tekstkontekst, der spænder over flere linjer, vil blive markeret med afsnittetags.

Når du har en blok tekst at retfærdiggøre, er det bare et spørgsmål om at indstille stilen til retfærdiggjort med CSS-tekstjusteringstil egenskab. Anvend denne CSS-regel på en passende vælger for at få tekstblokken til at gengives som beregnet.

Hvornår skal man retfærdiggøre tekst

Mange mennesker kan lide udseendet af berettiget tekst fra et designperspektiv, hovedsageligt fordi det skaber et meget ensartet, målt udseende, men der er ulemper ved fuldt ud at retfærdiggøre tekst på en webside.

For det første kan retfærdiggjort tekst være svær at læse. Dette skyldes, at når du retfærdiggør tekst, kan der undertiden tilføjes masser af ekstra mellemrum mellem nogle ord på linjen. Disse inkonsekvente huller kan gøre teksten sværere at læse. Dette er især vigtigt på websider, som allerede kan være vanskelige at læse på grund af belysning, opløsning eller anden hardwarekvalitet. Tilføjelse af usædvanlige mellemrum til teksten kan gøre en dårlig situation endnu værre.

Ud over udfordringer med læsbarheden, er de tomme mellemrum undertiden i linje med hinanden for at skabe "floder" med hvidt rum midt i teksten. Disse store huller i det hvide rum kan virkelig skabe en akavet skærm. Derudover kan retfærdiggørelse på ekstremt korte linjer forårsage linjer, der indeholder et ord med ekstra mellemrum mellem bogstaverne.

Så hvornår skal du bruge tekstjustering? Det bedste tidspunkt at retfærdiggøre tekst opstår, når linjerne er lange, og skriftstørrelsen er lille - noget der er svært at sikre på responsive websteder, hvor linjelængderne ændres baseret på skærmstørrelser. Der er ikke noget hårdt og hurtigt nummer for længden af ​​linjen eller størrelsen af ​​teksten; du skal bruge din bedste vurdering.

Når du har anvendt tekstjusteringsstilen for at retfærdiggøre tekst, skal du teste den for at sikre, at teksten ikke har floder med hvidt rum - og teste den i forskellige størrelser. Den nemmeste test kræver intet mere kompliceret end dine egne skæve øjne. Floderne skiller sig ud som pletter af hvidt i en ellers grå tekstblok. Hvis du ser floder, skal du foretage ændringer i tekststørrelsen eller bredden af ​​tekstblokken for at genskabe teksten.

Brug kun begrundelse, når du har sammenlignet den med venstrejusteret tekst. Du kan måske lide konsistensen af ​​fuld retfærdiggørelse, men den standard venstrejusterede tekst er normalt mere læsbar. I sidste ende skal du retfærdiggøre tekst, fordi du har valgt at retfærdiggøre teksten til designformål og har bekræftet, at dit websted stadig er let at læse.

instagram story viewer