当サイトはJavaScriptが有効に設定されていないと正しく表示されません。【サンプルデモ】word-wrap/word-breakの使用例 - Webデザインラボ

【サンプルデモ】word-wrap/word-breakの使用例

word-wrap: break-word
■英単語は親要素にあわせて単語の区切りで改行されます。
listen, overlook, voice, effort. listen, overlook, voice, effort. listen, overlook, voice, effort. listen, overlook, voice, effort.

 

■URLは親要素にあわせて単語の区切りで改行されます。
http://www.webdlab.com/css/css3-word-break/sample/

 

■和文は親要素にあわせて改行されます。
相手のいいたいことをきいてあげようという思いやり。相手の悪いところを大目にみてあげようという寛大さ。自分の気持ちや心を言葉で表すこと。あきらめずお互いに努力すること。

 

■連続する英文は親要素にあわせて改行されます。
wwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwww

 

word-wrap: normal
■英単語は親要素にあわせて単語の区切りで改行されます。
listen, overlook, voice, effort. listen, overlook, voice, effort. listen, overlook, voice, effort. listen, overlook, voice, effort.

 

■URLは親要素にあわせて単語の区切りで改行されます。
http://www.webdlab.com/css/css3-word-break/sample/

 

■和文は親要素にあわせて改行されます。
相手のいいたいことをきいてあげようという思いやり。相手の悪いところを大目にみてあげようという寛大さ。自分の気持ちや心を言葉で表すこと。あきらめずお互いに努力すること。

■連続する英文は改行されません。
wwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwww

 

word-break: break-all
■英単語は親要素にあわせて改行されます。
listen, overlook, voice, effort. listen, overlook, voice, effort. listen, overlook, voice, effort. listen, overlook, voice, effort.

 

■URLは親要素にあわせて改行されます。
http://www.webdlab.com/css/css3-word-break/sample/

 

■和文は親要素にあわせて改行されます。
相手のいいたいことをきいてあげようという思いやり。相手の悪いところを大目にみてあげようという寛大さ。自分の気持ちや心を言葉で表すこと。あきらめずお互いに努力すること。

 

■連続する英文は改行されます。
wwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwww

 

word-break: keep-all
■英単語は親要素にあわせて単語の区切りで改行されます。
listen, overlook, voice, effort. listen, overlook, voice, effort. listen, overlook, voice, effort. listen, overlook, voice, effort.

 

■URLは改行されません。
http://www.webdlab.com/css/css3-word-break/sample/

 

■和文は改行されません。
相手のいいたいことをきいてあげようという思いやり。相手の悪いところを大目にみてあげようという寛大さ。自分の気持ちや心を言葉で表すこと。あきらめずお互いに努力すること。

 

■連続する英文は改行されません。
wwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwww

 

word-break: normal
■英単語は親要素にあわせて単語の区切りで改行されます。
listen, overlook, voice, effort. listen, overlook, voice, effort. listen, overlook, voice, effort. listen, overlook, voice, effort.

 

■URLは親要素にあわせて単語の区切りで改行されます。
http://www.webdlab.com/css/css3-word-break/sample/

 

■和文は親要素にあわせて改行されます。
相手のいいたいことをきいてあげようという思いやり。相手の悪いところを大目にみてあげようという寛大さ。自分の気持ちや心を言葉で表すこと。あきらめずお互いに努力すること。
■連続する英文は改行されません。
wwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwww