Besedilo-utemelji - CSS-triki

text-justifyHotel v CSS je spremljevalec na text-alignnepremičnine, ki se uporablja za določitev načina utemeljitev besedila, ko text-alignje nastavljen na justifyvrednost.

p ( text-align: justify; text-justify: inter-word; )

Vrednote

inter-word: Določa, da je besedilo upravičeno s prilagajanjem razmika med besedami in tako ustvari dodaten razmik med besedami. To je dejansko različica word-spacinglastnosti.
inter-character: Določa, da se besedilo samo prikaže s prilagoditvijo razmika med znaki in tako ustvari dodaten razmik med znaki. To je dejansko različica letter-spacinglastnosti.
auto: Dovoli brskalniku, da ugotovi, ali je utemeljitev bolje obravnavati kot inter-wordoz inter-character. To je lahko koristno v večjezičnih scenarijih, kjer jezik vsebine ni znan, dokler ni upodobljen, kar uporabniškemu agentu brskalnika omogoča, da ustrezno izbere glede na to, katera metoda bolj ustreza jezikovnemu kontekstu.
none: Onemogoči metode utemeljitve, učinkovito odstrani vse možnosti utemeljitve ali preglasi, če se v kaskadi lahko pojavi metoda utemeljitve.

Kaj pravzaprav je utemeljitev?

Utemeljeno besedilo je moden način povedati, kako besedilo zapolni polje, ki ga vsebuje. Pravzaprav ste morda že dobro seznanjeni z utemeljitvijo besedila in ga niti ne poznate. Če ste kdaj uporabljali programsko opremo za urejanje besedila, kot sta Word in Google Dokumenti, ste morda seznanjeni s temi ikonami:

Možnosti poravnave in obrazložitve besedila v orodni vrstici Google Docs

Ti prvi trije nastavijo poravnavo besedila, tako kot text-alignlastnost CSS , kjer je besedilo mogoče poravnati levo, desno ali popolnoma centrirano.

Četrta ikona je možnost utemeljitve in vsebini sporoča, naj zapolni celotno širino dokumenta, tako da je vsaka vrstica poravnana do roba, ne glede na to, ali vpliva na razmik med besedami.

Utemeljitev vsebine v Google Dokumentih doda razmike med besedami, da zasede celotno širino dokumenta v vsaki vrstici

text-justifyLastnost nam omogoča, da storijo enako, vendar z dodatno fleksibilnost, da se ugotovi, ali je metoda razmik uporabiti za upravičevanje vsebina je uspelo med besedami ali znaki.

Podpora za brskalnik

text-justifyNepremičnina je vključena v CSS Besedilo Modul ravni 3 specifikaciji, ki je trenutno v osnutku statusa urednika v času tega pisanja.

Ta lastnost je trenutno navedena kot „v nevarnosti“, da bo izpuščena v obdobju priporočil za kandidate. Kot take ni priporočljivo uporabljati te lastnosti v proizvodnji, saj v bližnji prihodnosti verjetno ne bo sprejeta kot standard za vse brskalnike.

Trenutna podpora je omejena na Firefox 55+. Internet Explorer 11 in Edge 14+ prav tako podpirata lastnost, vendar le inter-wordvrednost in neuradne vrednosti, ki niso vključene v specifikacijo W3C.

Ti podatki o podpori brskalnika so od Caniuse, ki vsebuje več podrobnosti. Številka pomeni, da brskalnik podpira to funkcijo v tej različici ali novejši.