<pre> ( ソース内の改行削除 )

word-break : break-all ;

http://www.w3.org/TR/css3-text/#word-break

SampleTextSampleTextSampleTextSampleTextSampleTextSampleTextSampleText

いろはにほへとちりぬるをわかよたれそつねならむうゐのおくやまけふこえてあさきゆめみしゑひもせす

word-wrap : break-word ;

http://www.w3.org/TR/css3-text/#word-wrap

SampleTextSampleTextSampleTextSampleTextSampleTextSampleTextSampleText

いろはにほへとちりぬるをわかよたれそつねならむうゐのおくやまけふこえてあさきゆめみしゑひもせす

white-space : pre-wrap ;

http://www.w3.org/TR/css3-text/#white-space

SampleTextSampleTextSampleTextSampleTextSampleTextSampleTextSampleText

いろはにほへとちりぬるをわかよたれそつねならむうゐのおくやまけふこえてあさきゆめみしゑひもせす

<pre> ( ソース表示 )

<h3>word-break : break-all ;</h3>
<p><a href="http://www.w3.org/TR/css3-text/#word-break" target="_blank">http://www.w3.org/TR/css3-text/#word-break</a></p>
<p>SampleTextSampleTextSampleTextSampleTextSampleTextSampleTextSampleText</p>
<p>いろはにほへとちりぬるをわかよたれそつねならむうゐのおくやまけふこえてあさきゆめみしゑひもせす</p>
<h3>word-wrap : break-word ;</h3>
<p><a href="http://www.w3.org/TR/css3-text/#word-wrap" target="_blank">http://www.w3.org/TR/css3-text/#word-wrap</a></p>
gt;SampleTextSampleTextSampleTextSampleTextSampleTextSampleTextSampleText</p>
<p>いろはにほへとちりぬるをわかよたれそつねならむうゐのおくやまけふこえてあさきゆめみしゑひもせす</p>
<h3>white-space : pre-wrap ;</h3>
<p><a href="http://www.w3.org/TR/css3-text/#white-space" target="_blank">http://www.w3.org/TR/css3-text/#white-space</a></p>
<p>SampleTextSampleTextSampleTextSampleTextSampleTextSampleTextSampleText</p>
<p>いろはにほへとちりぬるをわかよたれそつねならむうゐのおくやまけふこえてあさきゆめみしゑひもせす</p>

<pre> / 複合指定

word-break : break-all ;
word-wrap : break-word ;

http://www.w3.org/TR/css3-text/#word-break

http://www.w3.org/TR/css3-text/#word-wrap

SampleTextSampleTextSampleTextSampleTextSampleTextSampleTextSampleText

いろはにほへとちりぬるをわかよたれそつねならむうゐのおくやまけふこえてあさきゆめみしゑひもせす

word-break : break-all ;
white-space : pre-wrap ;

http://www.w3.org/TR/css3-text/#word-break

http://www.w3.org/TR/css3-text/#white-space

SampleTextSampleTextSampleTextSampleTextSampleTextSampleTextSampleText

いろはにほへとちりぬるをわかよたれそつねならむうゐのおくやまけふこえてあさきゆめみしゑひもせす

word-wrap : break-word ;
white-space : pre-wrap ;

http://www.w3.org/TR/css3-text/#word-wrap

http://www.w3.org/TR/css3-text/#white-space

SampleTextSampleTextSampleTextSampleTextSampleTextSampleTextSampleText

いろはにほへとちりぬるをわかよたれそつねならむうゐのおくやまけふこえてあさきゆめみしゑひもせす

<div>

word-break : break-all ;

http://www.w3.org/TR/css3-text/#word-break

SampleTextSampleTextSampleTextSampleTextSampleTextSampleTextSampleText

いろはにほへとちりぬるをわかよたれそつねならむうゐのおくやまけふこえてあさきゆめみしゑひもせす

word-wrap : break-word ;

http://www.w3.org/TR/css3-text/#word-wrap

SampleTextSampleTextSampleTextSampleTextSampleTextSampleTextSampleText

いろはにほへとちりぬるをわかよたれそつねならむうゐのおくやまけふこえてあさきゆめみしゑひもせす

white-space : pre-wrap ;

http://www.w3.org/TR/css3-text/#white-space

SampleTextSampleTextSampleTextSampleTextSampleTextSampleTextSampleText

いろはにほへとちりぬるをわかよたれそつねならむうゐのおくやまけふこえてあさきゆめみしゑひもせす

<div>

word-break : break-all ;
word-wrap : break-word ;

http://www.w3.org/TR/css3-text/#word-break

http://www.w3.org/TR/css3-text/#word-wrap

SampleTextSampleTextSampleTextSampleTextSampleTextSampleTextSampleText

いろはにほへとちりぬるをわかよたれそつねならむうゐのおくやまけふこえてあさきゆめみしゑひもせす

word-break : break-all ;
white-space : pre-wrap ;

http://www.w3.org/TR/css3-text/#word-break

http://www.w3.org/TR/css3-text/#white-space

SampleTextSampleTextSampleTextSampleTextSampleTextSampleTextSampleText

いろはにほへとちりぬるをわかよたれそつねならむうゐのおくやまけふこえてあさきゆめみしゑひもせす

word-wrap : break-word ;
white-space : pre-wrap ;

http://www.w3.org/TR/css3-text/#word-wrap

http://www.w3.org/TR/css3-text/#white-space

SampleTextSampleTextSampleTextSampleTextSampleTextSampleTextSampleText

いろはにほへとちりぬるをわかよたれそつねならむうゐのおくやまけふこえてあさきゆめみしゑひもせす

<table>

word-break : break-all ;
http://www.w3.org/TR/css3-text/#word-break
SampleTextSampleTextSampleTextSampleTextSampleTextSampleTextSampleText
いろはにほへとちりぬるをわかよたれそつねならむうゐのおくやまけふこえてあさきゆめみしゑひもせす
word-wrap : break-word ;
http://www.w3.org/TR/css3-text/#word-wrap
SampleTextSampleTextSampleTextSampleTextSampleTextSampleTextSampleText
いろはにほへとちりぬるをわかよたれそつねならむうゐのおくやまけふこえてあさきゆめみしゑひもせす
white-space : pre-wrap ;
http://www.w3.org/TR/css3-text/#white-space
SampleTextSampleTextSampleTextSampleTextSampleTextSampleTextSampleText
いろはにほへとちりぬるをわかよたれそつねならむうゐのおくやまけふこえてあさきゆめみしゑひもせす

<table>

word-break : break-all ;
word-wrap : break-word ;
http://www.w3.org/TR/css3-text/#word-break
http://www.w3.org/TR/css3-text/#word-wrap
SampleTextSampleTextSampleTextSampleTextSampleTextSampleTextSampleText
いろはにほへとちりぬるをわかよたれそつねならむうゐのおくやまけふこえてあさきゆめみしゑひもせす
word-break : break-all ;
white-space : pre-wrap ;
http://www.w3.org/TR/css3-text/#word-break
http://www.w3.org/TR/css3-text/#white-space
SampleTextSampleTextSampleTextSampleTextSampleTextSampleTextSampleText
いろはにほへとちりぬるをわかよたれそつねならむうゐのおくやまけふこえてあさきゆめみしゑひもせす
word-wrap : break-word ;
white-space : pre-wrap ;
http://www.w3.org/TR/css3-text/#word-wrap
http://www.w3.org/TR/css3-text/#white-space
SampleTextSampleTextSampleTextSampleTextSampleTextSampleTextSampleText
いろはにほへとちりぬるをわかよたれそつねならむうゐのおくやまけふこえてあさきゆめみしゑひもせす

このページは乱雑モックアップのサンプルページです。

間違い等発見された方は、お手数ですがメール ( info [★] sakurachiro.com ) かコメント欄でお知らせ下さい。
(★を@に)