空白以外の特定の文字で単語を区切る CSS のみの方法はありますか?

Question

単語 (例: THIS_PHRASE_HERE) が内部 div (固定幅) をオーバーフローする場合、アンダースコアで分割したいと考えています。 word-break:break-all を使用して単語を任意の文字で分割できることはわかっていますが、特に末尾に 1 文字または 2 文字の孤立文字がある場合は、少し混乱するようです。これを JS で実行できると確信していますが、word-break: "_" のように CSS だけで実行する方法があるかどうか疑問に思っていました。

Answer 1

CSS だけを使用してこれを行う方法はないようです。 word-break プロパティにはそのオプションがありません。
HTML タグ <wbr> を使用すると、ブラウザが改行を選択できる作業休憩の機会を追加できます。