HTML
HTML5
HTMLタグ
スマートフォン
CSS
CSSプロパティ
CSS・HTML便利ツール
HTML色見本
配色組み合わせツール
特殊文字
JAVA
Android
PHP
Smarty修飾子
EXCEL
WEB技術の辞書・解説・使用例
TOP
>
CSS
>
CSS辞典
> word-wrap
word-wrap
文章整形
改行
英単語の途中での改行を制御する。
ツイート
W3Cで審議中のCSS3の仕様をInternet Explorerが先行採用。
長い英単語やURLなどを記述した場合、表示範囲内に収まりきらない場合に、単語の途中で改行するかどうかを指定します。。
日本語の単語の途中で改行させたくない場合には、
word-breakプロパティ
を使用してください。
パラメーター
normal
単語の途中で改行はしません。この場合、必要に応じて表示範囲を拡大します。
break-word
必要に応じて単語の途中で改行します。
word-wrap:normalの例
あいうえおかきくけこさしすせそたabcdefghijklmnopqrstuvwxyz
wordbreak wordbreak wordbreak wordbreak
word-wrap:break-wordの例
あいうえおかきくけこさしすせそたabcdefghijklmnopqrstuvwxyz
wordbreak wordbreak wordbreak wordbreak
参考情報
ブロックから文字がはみ出してしまう場合の対処方法
word-break, word-wrap, white-space の動作例
word-break:break-all, word-wrap:break-word の挙動の違い