CSS
.sample-normal {
word-wrap: normal;
width: 180px;
margin: 1em;
border: 1px solid #666666;
}
.sample-break-word {
word-wrap: break-word;
width: 180px;
margin: 1em;
border: 1px solid #666666;
}
HTML
<h5>normal</h5>
<div class="sample-normal">
<div>ThisIsAnEnglishSentenceWithoutAnySpace.</div>
<div>これは空白の無い日本語の文章です。</div>
</div>
<h5>break-word</h5>
<div class="sample-break-word">
<div>ThisIsAnEnglishSentenceWithoutAnySpace.</div>
<div>これは空白の無い日本語の文章です。</div>
</div>
表示
normal
ThisIsAnEnglishSentenceWithoutAnySpace.
これは空白の無い日本語の文章です。
break-word
ThisIsAnEnglishSentenceWithoutAnySpace.
これは空白の無い日本語の文章です。