改行の仕方指定(CSS) へ 間隔・表示位置css リファレンス へ
改行の仕方を指定する(サンプル)(CSS)
word-break: ***; (サンプル)

 { word-break: ***; }(改行の仕方を指定)のサンプルです。
※ ブラウザの幅を広げたり、縮めたりすると違いが分かります。

 ★ 使用例とブラウザでの表示 (c4-2)スタイルシートの書き方(基本)は、こちら です。
設定例 : .c4-2 { border: 1px blue solid; padding: 4px; margin: 0px 0px 4px; }
.c4-2norm { word-break: normal; }   .c4-2brk { word-break: break-all; }
.c4-2keep { word-break: keep-all; }
使 用 例   ブラウザの表示
<p class="c4-2 c4-2norm">normal:単語の区切りで改行<br>
改行の仕方に関するサンプルです。ブラウザの幅を動かすと、それぞれの違いが分かます。<br>
This text is an example of the word-break property. Please come home between seven and eight.

normal:単語の区切りで改行
改行の仕方に関するサンプルです。ブラウザの幅を動かすと、それぞれの違いが分かます。
This text is an example of the word-break property. Please come home between seven and eight.

<p class="c4-2 c4-2brk">break-all:行末で改行<br>
改行の仕方に関するサンプルです。ブラウザの幅を動かすと、それぞれの違いが分かます。<br>
This text is an example of the word-break property. Please come home between seven and eight.

break-all:行末で改行
改行の仕方に関するサンプルです。ブラウザの幅を動かすと、それぞれの違いが分かます。
This text is an example of the word-break property. Please come home between seven and eight.

<p class="c4-2 c4-2keep">keep-all:単語の区切りで改行<br>
This text is an example of the word-break property. Please come home between seven and eight.

keep-all:単語の区切りで改行
日本語の場合は、keep-all を指定すると改行されません。読点「、」の位置では、改行されます。
This text is an example of the word-break property. Please come home between seven and eight.

このプロパティは、Internet Exp.等の独自拡張機能です。
※ ブラウザの幅を広げたり、縮めたりすると違いが分かります。
※ 日本語の場合は、keep-all を指定しても「単語の区切り」では改行されません。読点「、」の位置では、改行されます。
padding:4px;margin:0px 0px 4px; は、余白の指定です。

改行の仕方指定(CSS) へ 間隔・表示位置css リファレンス へ