CSS Word Break Generator

A CSS-ben a word-break tulajdonsággal szabályozható, hogy a HTML-elemen belüli szavak hogyan legyenek megszakítva és beburkolva, ha meghaladják az elem szélességét. Ez a tulajdonság különösen hasznos a hosszú szavak vagy karakterláncok kezelésénél olyan nyelveken, ahol nincsenek szóközök, például a kínaiban vagy a japánban.

A word-break tulajdonság a következő értékeket veheti fel:

normal (alapértelmezett): A szavak a szokásos töréspontjaiknál törhetnek meg.

break-all: A szavak nem törnek meg, még akkor sem, ha meghaladják az elem szélességét. Ez olyan nyelvek esetében megfelelő, ahol a szómegszakításokat a lehető legkisebbre kell csökkenteni.

Íme egy példa arra, hogyan használhatjuk a word-break tulajdonságot, hogy a szavak bármely karakternél megszakadjanak:

Több szövegdíszítést is alkalmazhat, ha a text-decoration tulajdonságban szóközzel elválasztott értékként adja meg őket. Például a szöveg egyidejű aláhúzásához és felülhúzásához:

Ebben a példában:

• A .break-all-word-break osztály a word-break tulajdonságot használja, hogy a szavakat bármely karakternél meg lehessen törni, ami hasznos lehet olyan nyelveknél, ahol a szóköz nélküli szóhatárolók nem használnak szóközt, vagy amikor hosszú URL-címekkel van dolgunk.

A word-break tulajdonság alapvető fontosságú a szöveg elrendezésének és a sortörésnek a kezeléséhez az egyedi szótörési szabályokkal rendelkező nyelveken, és segíthet a szöveges tartalom olvashatóságának és elrendezésének javításában különböző forgatókönyvekben.