html - css - word-break 改行

 
1. word-break
2. 試してみる

1. word-break

 word-break は改行の禁則処理の方法を設定します。

word-break: normal;		←	英語のみ単語の切れ目で改行
word-break: keep-all;	←	すべての言語で単語の切れ目で改行
word-break: break-all;	←	すべての言語で単語の切れ目に関係なく改行

2. 試してみる


<pre style="width: 10em; border: 1px solid green; word-break: ;">
This is English sentences.
これは、日本語の 文章です。
</pre>
 ってのを試してみます。  word-break: normal;(英語のみ単語の切れ目で改行)
This is English sentences.
これは、日本語の 文章です。
 word-break: keep-all;(すべての言語で単語の切れ目で改行)
This is English sentences.
これは、日本語の 文章です。
 word-break: break-all;(すべての言語で単語の切れ目に関係なく改行)
This is English sentences.
これは、日本語の 文章です。