Teksti põhjendamine - CSS-trikid

text-justifyVara CSS on kaaslane text-alignvara, mida kasutatakse, et määrata õigustust meetod teksti kui text-alignon seatud justifyväärtusele.

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

Väärtused

inter-word: Täpsustab, et tekst on õigustatud sõnade vahekauguse reguleerimisega, luues tõhusalt täiendava sõnavahe. See on tegelikult variatsiooni variatsioon word-spacing.
inter-character: Määrab, et teksti õigustatakse tähemärkide vahekauguse reguleerimisega, luues tõhusalt täiendava märgivahe. See on tegelikult variatsiooni variatsioon letter-spacing.
auto: Võimaldab brauseril kindlaks teha, kas põhjendusi on parem käsitleda kui inter-wordvõi inter-character. See võib olla kasulik mitmekeelse stsenaariumi korral, kus sisukeelt pole renderdamiseni teada, võimaldades brauseri kasutajaagendil vastavalt sellele valida, milline meetod sobib keelekontekstiga paremini.
none: Keelab õigustusmeetodid, eemaldades kõik õigustusvõimalused või tühistades, kus kaskaadis võib esineda õigustusmeetod.

Mis täpselt on õigustus?

Põhjendatud tekst on väljamõeldud viis öelda, kuidas tekst seda sisaldavat kasti täidab. Tegelikult võite olla juba õigustava tekstiga hästi kursis ega tea seda isegi. Kui olete kunagi kasutanud sellist tekstitöötlustarkvara nagu Word ja Google Docs, võite olla tuttav nende ikoonidega:

Google'i dokumentide tööriistariba teksti joondamise ja põhjendamise valikud

Need kolm esimest seavad teksti joonduse, täpselt nagu CSS-i text-alignomadus, kus teksti saab joondada vasakule, paremale või täielikult keskele.

See neljas ikoon on valiku põhjendus ja see käsib sisul täita dokumendi kogu laiuse, nii et iga rida on tasasel serval, hoolimata sellest, kas see mõjutab sõnade vahe.

Google Docsis sisu õigustamine lisab sõnade vahele tühiku, et hõivata igal real kogu dokumendi laius

text-justifyVara võimaldab meil teha sama, kuid täiendava paindlikkuse teha kindlaks, kas Vahed meetod sisu põhjendada haldab sõnade vahel või tähemärki.

Brauseri tugi

text-justifyVara kuulub CSS Tekst Module Level 3 spetsifikatsioon, mis on praegu Toimetaja projekt staatuse ajal seda kirjalikult.

See vara on praegu loetletud kandidaatide soovitusperioodil kaotamise ohuna. Sellisena pole soovitatav seda atribuuti tootmises kasutada, sest tõenäoliselt ei võeta seda lähitulevikus kõigi brauserite standardiks.

Praegune tugi on piiratud Firefox 55+-ga. Samuti toetavad atribuuti Internet Explorer 11 ja Edge 14+, kuid ainult inter-wordväärtus ja mitteametlikud väärtused, mis pole W3C spetsifikatsioonis.

Need brauseri tugiandmed pärinevad Caniuse'ilt, millel on üksikasjalikum teave. Number näitab, et brauser toetab selle versiooni ja uuemat funktsiooni.