Szöveg-igazolja - CSS-trükkök

A text-justifyCSS-ben lévő tulajdonság társul a text-aligntulajdonsággal, amelyet a szöveg igazolási módszerének beállításához használnak, ha text-alignaz justifyértékre van állítva .

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

Értékek

inter-word: Megadja, hogy a szöveg a szavak közötti távolság beállításával indokolt legyen, további szóközök létrehozásával. Ez word-spacingtulajdonképpen a tulajdonság variációja .
inter-character: Megadja, hogy a szöveg igazolható-e a karakterek közötti távolság beállításával, hatékonyan létrehozva a további karaktereket. Ez letter-spacingtulajdonképpen a tulajdonság variációja .
auto: Lehetővé teszi a böngésző számára, hogy megállapítsa, az indoklást jobban kezelik-e inter-wordvagy inter-character. Ez hasznos lehet többnyelvű forgatókönyvekben, ahol a tartalom nyelve a rendereléséig ismeretlen, lehetővé téve a böngésző felhasználói ügynökének, hogy ennek megfelelően választhasson a nyelvi környezethez jobban illeszkedő módszer alapján.
none: Letiltja az igazolási módszereket, hatékonyan megszünteti az esetleges igazolási lehetőségeket, vagy felülírja azokat az eseteket, amikor az igazolási módszer előfordulhat a kaszkádban.

Mi is pontosan az igazolás?

Az indokolt szöveg egy divatos módja annak, hogy elmondja, hogyan tölti ki a szöveg az azt tartalmazó mezőt. Valójában lehet, hogy már jól ismeri az igazoló szöveget, és nem is tudja. Ha valaha olyan szövegszerkesztő szoftvert használt, mint a Word és a Google Dokumentumok, akkor ismerheti ezeket az ikonokat:

Szöveg igazítási és igazolási lehetőségek a Google Dokumentumok eszköztáron

Az első három beállítja a szöveg igazítását, csakúgy, mint a CSS text-aligntulajdonság, ahol a szöveg igazítható balra, jobbra vagy teljesen középre.

Ez a negyedik ikon az igazolás opció, és azt mondja a tartalomnak, hogy töltse ki a dokumentum teljes szélességét úgy, hogy minden sor egyenesen álljon a széléig, függetlenül attól, hogy befolyásolja-e a szavak közötti távolságot.

A Google Dokumentumok tartalmának igazolása növeli a szóközöket a szavak között, hogy minden sorban elfoglalják a teljes dokumentumszélességet

A text-justifytulajdonság lehetővé teszi számunkra, hogy ugyanezt tegyük, de további rugalmassággal meghatározhatjuk, hogy a tartalom igazolásához használt térköz-módszert szavak vagy karakterek között kezeljük-e.

Böngésző támogatás

A text-justifytulajdonság a CSS szövegmodul 3. szintű specifikációjában található, amely jelenleg a Szerkesztő Piszkozat állapotában van az írás idején.

Ez a tulajdonság jelenleg a „veszélyeztetett” kategóriában szerepel, hogy a jelöltek ajánlásának időszakában eleshet. Mint ilyen, nem ajánlott ezt a tulajdonságot használni a termelésben, mivel a közeljövőben nem valószínű, hogy minden böngészőben szabványként alkalmazzák.

A jelenlegi támogatás a Firefox 55+ verzióra korlátozódik. Az Internet Explorer 11 és az Edge 14+ is támogatja a tulajdonságot, de csak az inter-wordértéket és a nem hivatalos értékeket nem tartalmazza a W3C specifikáció.

Ez a böngésző támogatási adat a Caniuse cégtől származik, amely részletesebben szerepel. Egy szám azt jelzi, hogy a böngésző támogatja az adott és újabb verziók szolgáltatásait.