代碼：

  <div class="container">
    <div id="about">
      <p>111111111111111111111111111111111111111111111111111111111111111111111</p>
    </div>
  </div>

效果：（采用柵格系統(tǒng)也一樣）

解決方法：

p{
  word-wrap:break-word;
// 或者 word-break: break-all;
}

釋義：

1.white-space：設(shè)置如何處理元素間的空白，默認(rèn)為normal，表示空白會被瀏覽器忽略，white-space: nowrap;表示不換行。
2.word-break：規(guī)定自動換行的處理方法。normal:使用瀏覽器默認(rèn)換行規(guī)則，break-all：允許在單詞內(nèi)換行，keep-all：只能在半角空格或連字符處換行。
3.word-wrap：允許長單詞或URL地址換行到下一行。normal：只在允許的斷字點換行（瀏覽器保持默認(rèn)處理），break-word：在長單詞或URL地址內(nèi)部進(jìn)行換行。

word-break: break-all;：

若兩個屬性同時存在，以word-break: break-all;為準(zhǔn)。