Hoe om geregverdigde teks met CSS te stel

Gebruik die CSS Text-Align-eienskap om teks te regverdig

Een van die eienskappe van 'n webwerf se tipografie wat u kan kies om aan te pas tydens die ontwikkeling van 'n webwerf, is hoe die webwerf se teks geregverdig is. By verstek word die webwerf teks geregverdig en dit is hoeveel webwerwe hul teks verlaat. Die enigste ander opsies is regverdig, wat niemand op webwerwe gebruik nie aangesien dit die teks in wese onmoontlik kan maak om aanlyn te lees, of wat bekend staan ​​as ten volle geregverdig.

Geregverdigde teks is 'n teksblok wat op beide die linker- en die regterkantse kantlyn pas, in teenstelling met net een van daardie kante (wat is die "links" en "regte" regverdiging). Die dubbel geregverdigde effek word bereik deur die woord- en letterruimtes in elke lyn van teks aan te pas om te verseker dat elke lyn dieselfde lengte het. Hierdie effek word volledige regverdiging genoem . U regverdig teks in CSS deur gebruik te maak van die teks-lyn- eiendom.

Hoe werk regverdiging?

Die rede waarom jy dikwels 'n ongelyke rand aan die regterkant van 'n blok teks sien, is omdat elke lyn van teks nie dieselfde lengte is nie. Sommige lyne het meer woorde of langer woorde, terwyl ander minder of korter woorde het. Om die blok teks te regverdig, moet ekstra spasies by sommige lyne gevoeg word om selfs al die lyne te verdeel en konsekwent te maak.

Elke webblaaier maker het sy eie algoritme om die ekstra spasies binne 'n lyn toe te pas. Die blaaiers kyk na woordlengte, koppeltekens en ander faktore om te bepaal waar die spasies geplaas moet word.

As gevolg hiervan, kan geregverdigde teks nie identies lyk van een blaaier na die volgende nie. Dit is goed, aangesien geen besoeker van die werf van een blaaier na 'n ander sal spring, net om te vergelyk hoe die lengte van jou werf se lengte lyk! Wees egter verseker dat groot lesersteun goed is om teks met CSS te regverdig.

Hoe om teks te regverdig

Om teks met CSS te regverdig, vereis 'n gedeelte van die teks om te regverdig.

Tipies, dit word gedoen aan paragrawe van teks aangesien groot blokke teks konteks wat veelvuldige lyne dek, sal gemerk word met paragraafetikette.

Nadat jy 'n blok teks het om te regverdig, is dit net 'n kwessie om die styl te stel wat geregverdig is met die CSS -tekstlyn- styl-eiendom.

teksbelyning: regverdig;

Jy sal hierdie CSS-reël moet toepas op 'n toepaslike selector om die teksblok te kry soos wat dit bedoel is.

Wanneer om teks te regverdig

Baie mense hou van die voorkoms van geregverdigde teks vanuit 'n ontwerpstandpunt, hoofsaaklik omdat dit 'n baie konsekwente, gemeet kyk skep, maar daar is nadele om teks op 'n webblad ten volle te regverdig.

Eerstens kan geregverdigde teks moeilik wees om te lees. Dit is omdat as jy teks regverdig, kan daar baie ekstra spasies soms tussen sommige woorde op die lyn gevoeg word. Hierdie inkonsekwente gapings kan die teks moeiliker maak om te lees. Dit is veral belangrik op webblaaie, wat moeilik kan wees om alreeds te lees as gevolg van beligting, resolusie of ander hardeware kwaliteit. As jy ongewone spasies by die teks voeg, kan 'n slegte situasie selfs erger wees.

Benewens leesbaarheidskwessies, reageer die leë ruimtes soms met mekaar om "wit riviere" in die middel van die teks te skep.

Daardie groot leemtes van wit spasie kan regtig 'n ongemaklike vertoning maak. Verder, op baie kort lyne, kan regverdiging lyne veroorsaak wat een woord bevat met ekstra spasies tussen die letters self.

So wanneer moet jy teksregverdiging gebruik? Die beste tyd om teks te regverdig, vind plaas wanneer die lyne lank is en die lettergrootte is klein (iets wat moeilik is om te verseker op reageerende webwerwe waar lynlengtes verander op grond van skermgroottes). Daar is geen harde en vinnige nommer vir die lengte van die lyn of die grootte van die teks nie, maar jy moet jou beste oordeel gebruik.

Nadat jy die teksbelyngstyl toegepas het om teks te regverdig, toets dit om seker te maak dat die teks nie riviere wit spasie het nie - en maak seker dat dit in 'n verskeidenheid groottes getoets word.

Die maklikste manier om dit te doen is om dit met geknipte oë te sien. Die riviere uitsteek soos witvlek in 'n andersins grys blok teks. As jy riviere sien, moet jy die teksgrootte of die wydte van die teksblok verander om van die onooglike riviere ontslae te raak.

Gebruik slegs regverdiging nadat u dit vergelyk het met die teks wat in die linkerkant is, soos in hierdie artikel gesien. Jy maak soos die konsekwentheid van volle regverdiging, maar die standaard-regverdigde teks is gewoonlik meer leesbaar. Uiteindelik moet u teks regverdig omdat u gekies het om die teks vir ontwerpdoeleindes te regverdig en het bevestig dat u webwerf maklik leesbaar is.