Hoe kinne justearre tekst mei CSS ynsteld wurde

Mei help fan de CSS tekst-align-eigenskip om tekst te bewizen

Ien fan 'e eigenskippen fan' e typografy fan in webside dat jo kieze om te passen by in ûntwikkeling fan in side is hoe't de tekst fan de side justifiearre is. Standert stiet de webside tekst rjochtfeardige en dit is hoefolle siden harren tekst litte. De iennige oare opsjes binne rjochtfeardige, dy't gjinien brûkt op websiden, om't it de tekst yn essinsje ûnmooglik wêze soe om online te lêzen, of wat is bekend as folslein justifiearre.

Jildige tekst is in blok fan tekst dy't rjochtet op sawol de linker en de rjochte kant, as tsjinstelling fan gewoan ien fan 'e kanten (wat is "links" en "rjocht" rjochting docht). De dûbele rjochtfeardige effekt is berikt troch it oanpassen fan wurd en lettertafels yn eltse tekst te lizzen om te soargjen dat eltse line is deselde lingte. Dit effekt wurdt folslein justifikaasje neamd . Jo rjochtsje tekst yn CSS troch de tekst op te meitsjen fan eigenskip.

Hoe wurket de begrutting?

De reden dat jo faak sjogge in unjildige râne op 'e rjochterkant fan in blok fan tekst is om't eltse tekstline net deselde ling is. Guon linen hawwe mear wurden of langere wurden, wylst oaren minder of koartere wurden hawwe. Om dit tekstblok te meitsjen, moatte ekstra romten tafoege wurde oan guon linen om sels de linen sels út te meitsjen en konsekwint te meitsjen.

Alle webblêder maker hat in eigen algoritme foar it tapassen fan de ekstra romten binnen in line. De browsers sjogge by wurdlange, sylboarne en oare faktoaren om te bepalen wêr de romten te setten.

As gefolch, rjochtfearde tekst kin net samar fan ien browser nei de folgjende sjogge. Dit is goed, om't gjin side besiker sil fan ien blêder nei de oare protestearje om gewoan te fergelykjen hoe't jo linen fan 'e side sjen litte! Rêst dan lykwols dat grutte browserstipe goed is foar it justifiearjen fan tekst mei CSS.

Hoe kinne tekst bepale

Tawizing tekst mei CSS freget in rubryk fan tekst om te justifiearjen.

Typysk wurdt dit dien nei tekstferzjes, om't grutte blokken fan tekstkontekst dy't meardere rigels besjogge sille mei paragraafmarken markearre wurde.

Nei't jo in blok fan tekst hawwe om te justizearjen, is it allinich in saak fan it styl te setten om te rjochtsjen mei it CSS- tekst-align- styl-eigenskip.

text-align: justify;

Jo moatte dit CSS-regel tapasse oan in passende seleksje om de blok fan tekst te bewarjen as bedoeld te meitsjen.

Wannear't jo Tekst foarstelle

In protte minsken binne it look fan justearre tekst út in ûntwerpingsstandert, foargrûn om't it in tige konsekwint, mjittende útsjochtt, mar der binne ûnderdielen om folslein te befetsjen fan tekst op in webside.

Earst, rjochtfearde tekst kin hurder wurde lêze. Dit is om't jo as tekst pleatse kinne, kinne in soad ekstra romte bytiden taparte wurde tusken guon wurden op 'e rigel. Dy ynsjochsinnige spaasjes kinne de tekst makliker te lêzen meitsje. Dit is spesjaal wichtich foar websiden, dy't al te lêzen wêze kinne fanwege ljocht, resolúsje of oare hardware kwaliteit. Ungewoane romten tafoegje oan 'e tekst kin in minne situaasje noch slimmer meitsje.

Njonken lêsberensproblemen litte de lege romten soms inoar omheech meitsje om "rivieren" fan wite romte yn 'e midden fan' e tekst te meitsjen.

Dy grutte spaasjes fan wite romte kinne echt meitsje foar in ûngefaarlike toaniel. Dêrneist kinne op rjochte koarte linen rjochting bepale linen dy't ien wurd hawwe mei ekstra romten tusken de letters sels.

Dus wannear moatte jo tekstferiening brûke? De beste tiid om tekst te bewizen is as de rigels lang binne en de lettertypegrutte is lyts (wat dat dreech is om op reageare websiden te garandearjen wêrnei feroare linen feroarsaakje op basis fan skermgrutte). Der is gjin hurd en fluch nûmer foar de lingte fan 'e rigel of de grutte fan' e tekst, jo moatte jo bêste oardiel brûke.

Nei it tapassen fan de tekst-align-styl om tekst te meitsjen, besykje it te wizigjen dat de tekst gjin rivier fan wite romte hat - en soargje dat it te testen op in ferskaat fan grutte.

De maklikste manier om dit te dwaan is it om te sjen mei smakke eagen. De rivieren steane út as blokken fan wyt yn in oare griisblok fan tekst. As jo ​​rivieren sjogge, moatte jo wizigingen meitsje fan 'e tekstgrutte of de breedte fan' e tekstblokje om dizze ûngewoane rivieren te heljen.

Allinne gebrûk meitsje fan justysje nei't jo dit ferwidere hawwe oan lofts-alignearre tekst as sjoen yn dit artikel. Jo meitsje de konsistinsje fan folsleine rjochtfeardigens, mar de standert ferwiderjende tekst is meast lêsber. Oan 'e ein moatte jo tekst rjochtsje om't jo keazen hawwe om de tekst te bewizen foar ûntwerpdoelen en befestige dat jo side maklik te lêzen bliuwt.