「CSS」word-breakプロパティkeep-allで単語の途中で改行しないサンプル
書式
word-break : 値
keep-all
日本語、英字ともに単語の途中で改行しません。
CJK (中国語、台湾語、日本語、韓国語)テキストの改行を許可しません。 CJK 以外のテキストについては normal と同じ挙動となります。
使用例
<!DOCTYPE html> <html> <head> <style> .cft { border: 2px solid #000; width: 210px; height: 50px; background: SkyBlue; word-break: keep-all; } </style> </head> <body> <p class="cft"> keep-all日本語、英字ともに単語の途中で改行しません。</p> </body> </html>
結果
画面に日本語、英字に単語の途中で改行しません