「CSS」break-allで単語の途中改行するサンプル
書式
word-break : 値
break-all
CJK (中国語、台湾語、日本語、韓国語) 以外のテキストにおいて、単語中などでの文字の改行に関する禁則処理を解除し、
どの文字の間でも改行するようにします。
使用例
<!DOCTYPE html> <html> <head> <style> .cft { border: 2px solid #000; width: 210px; height: 50px; background: SkyBlue; word-break: break-all; } </style> </head> <body> <p class="cft">breakallは日本語、英字ともに単語の途中でも改行します</p> </body> </html>
結果
画面に単語の途中改行します