wbr

改行制御

詳しい導入事例は導入方法を参照してください。

*-wbr-*で指定した位置、もしくは記号やスペースで改行するようにする。

  • DEMO

いろはにほへとちりぬるをわかよたれそつねならむうゐのおくやまけふこえてあさきゆめみしゑひもせす色は匂へど散りぬるを我が世誰ぞ常ならむ有為の奥山今日越えて浅き夢見し酔ひもせず

使い方

{word-break: keep-all;}で文中の改行を無くし、*-wbr-*で指定。

{overflow-wrap: break-word;}は長文の単語がはみ出さないようにする処置。

  • CSS
.wbr {word-break: keep-all; overflow-wrap: break-word;}