Teksta pamatojums - CSS-triki

Anonim

text-justifyĪpašums CSS ir pavadonis uz text-alignīpašumu, kas tiek izmantots, lai noteiktu pamatojumu metodi teksta, ja text-alignir iestatīts uz justifyvērtību.

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

Vērtības

  • inter-word: Norāda, ka teksts ir pamatots, pielāgojot atstarpi starp vārdiem, efektīvi izveidojot papildu atstarpi starp vārdiem. Tas faktiski ir word-spacingīpašuma variants .
  • inter-character: Norāda, ka teksts tiek pamatots, pielāgojot atstarpi starp rakstzīmēm, efektīvi izveidojot papildu rakstzīmju atstarpi. Tas faktiski ir letter-spacingīpašuma variants .
  • auto: Ļauj pārlūkprogrammai noteikt, vai pamatojumu labāk apstrādāt kā inter-wordvai inter-character. Tas var būt noderīgi vairāku valodu scenārijos, kur satura valoda nav zināma līdz renderēšanai, ļaujot pārlūkprogrammas lietotāja aģentam attiecīgi izvēlēties, pamatojoties uz to, kura metode labāk atbilst valodas kontekstam.
  • none: Atspējo attaisnošanas metodes, efektīvi novēršot visas attaisnošanas iespējas vai ignorējot to, kur kaskādē var rasties attaisnošanas metode.

Kas īsti ir pamatojums?

Pamatots teksts ir izdomāts veids, kā pateikt, kā teksts aizpilda lodziņu, kurā tas atrodas. Patiesībā jūs, iespējams, jau labi pārzināt attaisnojošo tekstu un pat to nezināt. Ja esat kādreiz izmantojis teksta rediģēšanas programmatūru, piemēram, Word un Google dokumentus, iespējams, jums ir pazīstamas šīs ikonas:

Teksta izlīdzināšanas un pamatojuma opcijas Google dokumentu rīkjoslā

Šie trīs pirmie iestatīja teksta izlīdzināšanu tāpat kā CSS text-alignrekvizītu, kur tekstu var izlīdzināt pa kreisi, pa labi vai pilnībā centrēt.

Šī ceturtā ikona ir opcija attaisnot, un tā liek saturam aizpildīt visu dokumenta platumu tā, lai katra rinda būtu vienā līmenī līdz malai, neatkarīgi no tā, vai tā ietekmē atstarpi starp vārdiem.

Google dokumentos esošā satura pamatojums palielina atstarpi starp vārdiem, lai aizpildītu pilnu dokumenta platumu katrā rindā

text-justifyĪpašums ļauj mums darīt to pašu, bet ar papildus elastību, lai noteiktu, vai atstarpe metode, ko izmanto, lai attaisnotu saturs tiek pārvaldīta starp vārdiem vai simboliem.

Pārlūka atbalsts

text-justifyĪpašums ir iekļauts CSS teksta moduļa Level 3 specifikāciju, kas pašlaik Redaktora statusā projekts laikā šī rakstiski.

Šis īpašums pašlaik ir uzskaitīts kā “pakļauts riskam”, ka tas tiks nomests kandidātu ieteikumu periodā. Kā tādu nav ieteicams šo īpašumu izmantot ražošanā, jo maz ticams, ka tas tuvākajā nākotnē tiks pieņemts kā standarts visās pārlūkprogrammās.

Pašreizējais atbalsts ir ierobežots ar Firefox 55+. Internet Explorer 11 un Edge 14+ atbalsta arī īpašumu, bet tikai inter-wordvērtību, kā arī neoficiālas vērtības, kas nav iekļautas W3C specifikācijā.

Šie pārlūka atbalsta dati ir no Caniuse, kurai ir sīkāka informācija. Cipars norāda, ka pārlūks atbalsta šo un jaunākās versijas funkciju.

Darbvirsma

Chrome Firefox IE Mala Safari
55 11 18

Mobilais / planšetdators

Android Chrome Android Firefox Android iOS Safari
85