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.
これは、日本語の 文章です。