代碼：
<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：設置如何處理元素間的空白嫌拣，默認為normal妙黍，表示空白會被瀏覽器忽略锣夹，white-space: nowrap;表示不換行。
2.word-break：規(guī)定自動換行的處理方法。normal:使用瀏覽器默認換行規(guī)則浅役，break-all：允許在單詞內換行，keep-all：只能在半角空格或連字符處換行伶唯。
3.word-wrap：允許長單詞或URL地址換行到下一行觉既。normal：只在允許的斷字點換行（瀏覽器保持默認處理），break-word：在長單詞或URL地址內部進行換行乳幸。
word-break: break-all;：
word-wrap: break-word;：
若兩個屬性同時存在瞪讼，以
word-break: break-all;為準。
