css中保證內容遇到空格或其他標點符號不換行
專案中遇到這麼一個情況：一個規定寬度的DIV裡面需要橫向排列一span來放置資料，每個span的內容長短不一，設定為DISPLAY：block，並且Float:left,這樣每個Span都能根據裡面內容自適應寬度，並且一個個挨著靠左浮動。
現在要達到的效果是一行中當某個span擠不進去的時候，就自動換行，而不是把它的父容器撐寬度或者把它自己撐高（它的內容出現換行）。
經過測試在大部分瀏覽器下都沒問題，但是在IEE6下它不會換行，也沒有把父容器撐寬，而是硬生生擠進去，把自己變窄並撐高了，裡面的文字換行了。
為了解決這個問題找了word-break這個屬性來解決，發現IE6不支援。
重新經過百度孃的指導，使用white-space: nowrap;問題得到解決。
語法：
white-space : normal | pre | nowrap
取值：
normal : 預設值。預設處理方式。文字自動處理換行。假如抵達容器邊界內容會轉到下一行
pre : 換行和其他空白字元都將受到保護。這個值需要IE6+或者 !DOCTYPE 宣告為 standards-compliant mode 支援。如果 !DOCTYPE 宣告沒有指定為 standards-compliant mode ，此屬性可以使用，但是不會發生作用。結果等同於 normal 。參閱 pre 物件
nowrap : 強制在同一行內顯示所有文字，直到文字結束或者遭遇 br 物件。參閱 noWrap 屬性
說明：
設定或檢索物件內空格字元的處理方式。
空格字元，像換行，空格，TAB，在HTML文件中預設的是被忽略的。當此屬性設定為 normal 或者 nowrap 時，你可以使用不換行空格的命名實體來新增空格，用 br 元素來新增換行。此屬性對你使用文件物件模型(DOM)操作的內容的影響與其對IE顯示內容的影響一樣。
此屬性作用於塊物件。
此屬性對於 currentStyle 物件而言是隻讀的。對於其他物件而言是可讀寫的。
對應的指令碼特性為 whiteSpace 。