HTMLで日本語の改行位置を指定する
HTMLで日本語の改行位置をあらかじめ指定しておくには、以下のように親要素にword-break:keep-allを設定しておき、改行可能位置にWBR要素を挿入しておく。
<meta charset="UTF-8">
<style>
div
{
border: 1px solid red;
width: 10em;
resize: horizontal;
overflow: hidden;
word-break: keep-all;
}
</style>
<div>いろはにほへと<wbr>ちりぬるを<wbr>わかよたれそ<wbr>つねならむ<wbr>うゐのおくやま<wbr>けふこえて<wbr>あさきゆめみし<wbr>ゑひもせす</div>表示例は以下の通り。