Poravnajte stvari z lastnostjo poravnave besedila CSS

Poravnajte stvari z lastnostjo poravnave besedila CSS

Ena prvih lastnosti, o kateri so se vsi razvijalci naučili, ko so se lotili obdelave besedil, je bila poravnava besedila. To drobno orodje je bilo ključnega pomena tako za profesionalne tipkarje kot za ljubitelje letalskih oblikovalcev. Ni presenetljivo, da CSS podpira spletno poravnavo besedila.





The poravnajte besedilo property skupaj z enim ali dvema drugima nadzoruje, kako element vodoravno poravna svoje besedilo. Poleg osnov brskalniki počasi uvajajo več specifikacij, vendar se polna podpora razlikuje. Naučite se poravnati besedilo in katere funkcije danes podpirajo običajni brskalniki.



Osnove lastnosti poravnave besedila CSS

Usklajevanje je eden najbolj znanih tipografskih izrazov. V okviru CSS, poravnajte besedilo se nanaša na vodoravno poravnavo.





Vodoravno poravnavo besedila velja samo za vsebnike blokov. To so elementi celotne širine, kot so odstavki in div. Uporabljati poravnajte besedilo lastnost na vgrajenem elementu, kot je v ne bo imelo učinka. Postavke seznama in celice tabele lahko tudi poravnate:

kako povezati bluetooth slušalke na xbox one brez adapterja

Besedilo je privzeto v jeziku od leve proti desni (več o tem kasneje) poravnano v levo:



V CSS je to enako:

p { text-align: left; }

Ali:



p { text-align: start; }

Povezano: Kaj so kaskadne slogovne liste in za kaj se uporablja CSS?

Za datoteko poravnajte besedilo lastnost spreminjanja vodoravne poravnave. Najpogostejše vrednosti so znane iz aplikacij za urejanje besedil:



text-align: left
text-align: center
text-align: right

Za poravnavo levega in desnega roba uporabite utemeljitev

Druga skupna vrednost za poravnajte besedilo je utemelji . Brskalniki dodajo prostor poravnanemu besedilu, tako da se vsaka vrstica razširi, da zapolni razpoložljivi prostor:

Ko besedilo upravičite, je lahko zadnja vrstica težavna. Ker je lahko zelo kratek (morda samo ena beseda), je lahko razmik po celotni širini grd. Privzeto bo celo poravnano besedilo poravnalo zadnjo vrstico v levo.

kaj je predpomnilnik v telefonu

Včasih boste morda želeli drugačen učinek. Izvedbe brskalnika dohitevajo specifikacije, vendar sta možna dva pristopa.

The upraviči vse vrednost bi morala pomeniti, da brskalniki obravnavajo končno vrstico kot vse ostale in jo raztegnejo na celotno širino. Vendar v času pisanja noben brskalnik ne podpira te vrednosti. Ti lahko preverite kanius, če je tako ko berete ta članek.

Še ena lastnost CSS, text-align-last , je bolj prilagodljiv in ima boljšo podporo. Lahko ga obravnavate bolj ali manj enako kot poravnajte besedilo , vendar velja samo za zadnjo vrstico:

Podpora brskalnika za to lastnost je boljša, vendar ni popolna. Ponovno, pred uporabo preverite kanius . Če brskalnik te lastnosti ne prepozna, jo prezre.

Poravnava besedila in smer branja

Morda delate z jezikom, na primer arabskim ali hebrejskim, ki se bere od desne proti levi. CSS uporablja smer lastnosti, da to določite, na primer:

direction: rtl;

Ti jeziki običajno privzeto poravnajo besedilo v desno.

Namesto da bi morali navesti levo / prav , najprimernejši način poravnave besedila uporablja vrednosti začetek in konec . To določa, ali naj se besedilo poravna na začetku vsake vrstice ali na koncu. V jezikih od leve proti desni, začetek je enakovredno levo . V jeziku od desne proti levi se besedilo začne na desni in konča na levi strani.

kako premakniti stran v word

Uporaba začetek ali konec pomeni, da je poravnava ne glede na smer besedila dosledna.

Kako elementi podedujejo lastnost poravnave besedila

Zavedati se morate, da je poravnajte besedilo premoženje podeduje. Če ga na primer nastavite na telo element, bo veljal za vse elemente na strani. Seveda ga lahko preglasite na katerem koli elementu.

Uporaba Lastnosti za poravnavo besedila za nadzor postavitve

Uporabite lahko poravnajte besedilo Lastnost CSS za določitev, kako brskalniki vodoravno razporedijo besedilo. Najpogostejše vrednote so levo , prav , center , in utemelji . Čeprav so te precej preproste utemelji prinaša nekaj zapletenosti.

Poravnavo besedila uporabljajte zmerno. Na oglasnih deskah in plakatih je morda primerna osrednja poravnava, vendar lahko oteži branje daljših blokov besedila. Obrazložitev je običajno bolj berljiva, če so vrstice besedila daljše. Utemeljitev kratkih stolpcev besedila lahko ustvari grde presledke.

The poravnajte besedilo property je ena izmed številnih lastnosti CSS, ki zagotavljajo uporabno oblikovanje in osnovno pozicioniranje.

Deliti Deliti Cvrkutati E-naslov 10 preprostih primerov kode CSS, ki se jih lahko naučite v 10 minutah

Potrebujete pomoč pri CSS? Za začetek preizkusite te osnovne primere kode CSS, nato pa jih uporabite na svojih spletnih straneh.

Preberite Naprej Sorodne teme
  • Programiranje
  • Spletni razvoj
  • Oblikovanje spletnih strani
  • CSS
O avtorju Bobby Jack(58 objavljenih člankov)

Bobby je tehnološki navdušenec, ki je več kot dve desetletji delal kot razvijalec programske opreme. Navdušen je nad igranjem iger, dela kot urednik recenzij v reviji Switch Player in je potopljen v vse vidike spletnega založništva in spletnega razvoja.

Več od Bobbyja Jacka

Naročite se na naše novice

Pridružite se našemu glasilu za tehnične nasvete, ocene, brezplačne e -knjige in ekskluzivne ponudbe!

Kliknite tukaj, če se želite naročiti