對于阿拉伯數字和英文的折行問(wèn)題，大家肯定已經(jīng)有所了解。強制折行的樣式為：word-break:break-all;word-wrap:break-word;
說(shuō)實(shí)話(huà)，到現在我也沒(méi)有記下來(lái)，這兩行代碼實(shí)在太相近太繞了。而為了保證兼容性，它們兩個(gè)必須同時(shí)出現。
這里說(shuō)的恰是相反的情況，很多時(shí)候，我們要求目標容器為一個(gè)整體，不可以折行。參見(jiàn)下圖：
藍色標簽是一個(gè)整體，樣式為：background:#dbebf4; height:20px; float:left;padding:0 4px; display:inline-block; line-height:20px; margin:2px10px 4px 0; color:#79B3D5; font-size:12px;。
在IE6下的效果卻變成了：
藍色標簽里的文字居然自動(dòng)折行了。
遇到此種情況，可以添加一個(gè)強制不折行的樣式：white-space: nowrap;
類(lèi)似的情況還有：
詳情兩個(gè)字折行了是不是很不美觀(guān)？加上white-space:nowrap后，同樣可以達到強制不折行的目的：
