<wbr>自動挿入ツール【自動生成】
ここで変換後のテキストがどのように表示されるかを確認できます
ドラッグで幅を変えて改行を確認できます↑
解説と使い方
BudouXを使用して自動で<wbr>タグを挿入します
Chrome 119やEdge 119から利用可能なauto-phraseを使用した場合と同じ位置に<wbr>タグが挿入されます
auto-phraseだと変な個所で改行してしまうことがあるので任意の位置でいい感じに改行させたい場合は使ってください
文節でいい感じに自動改行してくれるword-break: auto-phrase;の解説
日本語において<wbr>で改行させたい場合は下記CSSを適用する必要があります
word-break: keep-all;
overflow-wrap: anywhere;