カスタムBLOG Top >  CSSノウハウ

スポンサードリンク

CSSノウハウ

文・単語の改行について設定する・・・word-break , word-wrap

【word-break】は、Internet Explorerが独自に採用したもので、 表示範囲に合わせて改行するか、単語の切れ目で改行するかなど、文の改行の仕方について指定する際に使用する。

【word-wrap】は単語の途中で改行するかどうかを指定する。これもIEが独自に採用している。

【word-wrap】は、文の改行というより、 長い英単語を途中で改行させたくない場合に使用するもの。
また、日本語の単語に対しては無効。

【word-break】

★normal
英語等は単語の途中では改行せず、単語の切れ目で改行される。
日本語・中国語・韓国語等は表示範囲に合わせて改行される。
このため単語の途中で改行されることがある。

★break-all
言語に関係なく表示範囲に合わせて改行される。
このため単語の途中で改行されることもある。

★keep-all
言語に関係なく単語の途中では改行せず、単語の切れ目で改行される。


【word-wrap】

★normal
単語の途中で改行はしない。この場合、必要に応じて表示範囲を拡大する。

★break-word
必要に応じて単語の途中で改行する。

07.10.30 | 文・単語の改行について設定する・・・word-break , word-wrap | CSSノウハウ | |

1