Tekstas-pagrįsti - CSS-gudrybės

text-justifyCSS nuosavybė yra kompanionas į text-alignturtą, kuris yra naudojamas nustatyti pagrindimo būdą tekstą, kai text-alignyra nustatytas justifyvertės.

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

Vertybės

inter-word: Nurodo, kad tekstas pateisinamas koreguojant tarpų tarp žodžių, efektyviai sukuriant papildomą žodžių tarpą. Tai iš tikrųjų yra word-spacingturto variantas .
inter-character: Nurodo, kad tekstas pateisinamas koreguojant atstumą tarp simbolių, efektyviai sukuriant papildomą simbolių tarpą. Tai iš tikrųjų yra letter-spacingturto variantas .
auto: Leidžia naršyklę, siekiant nustatyti, ar pagrindimas geriau tvarkomi kaip inter-wordarba inter-character. Tai gali būti naudinga daugiakalbiuose scenarijuose, kai turinio kalba nežinoma iki pateikimo, o tai leidžia naršyklės vartotojo agentui pasirinkti atitinkamai pagal tai, kuris metodas geriau tinka kalbos kontekstui.
none: Išjungia pagrindimo metodus, veiksmingai pašalina visas pateisinimo galimybes arba nepaiso, kur kaskadoje gali būti pateisinamas metodas.

Kas iš tikrųjų yra pagrindimas?

Pagrįstas tekstas yra įmantrus būdas pasakyti, kaip tekstas užpildo langelį, kuriame jis yra. Tiesą sakant, jūs jau galite gerai žinoti pateisinantį tekstą ir jo net nežinote. Jei kada nors naudojote teksto redagavimo programinę įrangą, pvz., „Word“ ir „Google“ dokumentus, jums gali būti žinomos šios piktogramos:

Teksto sulyginimo ir pagrindimo parinktys „Google“ dokumentų įrankių juostoje

Pirmieji trys nustato teksto lygiavimą, kaip ir text-alignypatybė CSS , kur tekstas gali būti sulygiuotas kairėn, dešinėn arba visiškai centre.

Ši ketvirtoji piktograma yra pagrindimo parinktis ir ji nurodo turiniui užpildyti visą dokumento plotį, kad kiekviena eilutė būtų lygi tiesiai į kraštą, neatsižvelgiant į tai, ar ji daro įtaką tarpų tarp žodžių.

Pagrindžiant turinį „Google“ dokumentuose, tarp žodžių pridedamas tarpas, kad kiekvienoje eilutėje būtų užimtas visas dokumento plotis

text-justifyNuosavybė leidžia mums daryti tą patį, bet su daugiau lankstumo siekiant nustatyti, ar tarpai metodas, naudojamas pateisinti turinys yra valdoma tarp žodžių ar simbolių.

Naršyklės palaikymas

text-justifyTurtas yra įtrauktas į CSS Tekstas modulis 3 lygio specifikacijos, kuri yra šiuo metu redaktorius statuso projektas tuo metu šio raštu.

Šiuo metu ši nuosavybė yra įtraukta į sąrašą kaip „rizikinga“ būti pamesta kandidatų rekomendavimo laikotarpiu. Todėl šios nuosavybės nerekomenduojama naudoti gamyboje, nes greičiausiai artimiausiu metu ji nebus priimta kaip standartas visose naršyklėse.

Dabartinė parama teikiama tik naudojant „Firefox 55+“. „Internet Explorer 11“ ir „Edge 14+“ taip pat palaiko ypatybę, tačiau tik inter-wordvertė ir neoficialios vertės, neįtrauktos į W3C specifikaciją.

Šie naršyklės palaikymo duomenys yra iš „Caniuse“, kuri turi daugiau informacijos. Skaičius rodo, kad naršyklė palaiko šios ir naujesnės versijos funkciją.