SOURCE

<div class="div1">
  <p>对于non-CJK (CJK 指中文/日文/韩文) 文本，可在任意字符间断行。</p>
  <code>word-break: break-all;</code>
  Lorem ipsum dolor sit amet, consectetur adipisicing elit. 
</div>

<div class="div2">
  <p>半角空格和连字符</p>
  <code>    
    word-break: break-word; 
  </code>
  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p> 
  <p>Lorem ipsum dolor sit amet, consectetur-adipisicing elit. </p>
</div>

<div class="div3">
  <p>CJK 文本不断行(没有空格时)。 Non-CJK 文本表现同 normal。</p>
  <code>word-break: keep-all;</code>
  Honorificabilitudinitatibus califragilisticexpialidocious Taumatawhakatangihangakoauauotamateaturipukakapikimaungahoronukupokaiwhenuakitanatahu 次の単語グレートブリテンおよび北アイルートブリテンートブリテン
</div>

p {
  padding: 0;
  margin: 4px;
}
div {
  background: #fff;
  margin-bottom: 10px;
  padding: 3px;
  width: 300px;
  font-size: 12px;
  color: #888;
}

code {
  display: block;
  background: #eee;
  padding: 3px;
}

.div1 {
  word-break: break-all;
}

.div2 {
  word-break: break-word;
}

.div3 {
  word-break: keep-all;
}