解決span中的內容不換行

span{word-break:normal; width:auto; display:block; white-space:pre-wrap;word-wrap : break-word ;overflow: hidden ;}

white-space -- 通過HTML文檔的源代碼的排版方式控制頁面顯示文本的排版方式 
取值: normal | pre | nowrap | pre-wrap | pre-line | inherit 
normal: 正常無變化(默認處理方式.文本自動處理換行.假如抵達容器邊界內容會轉到下一行) 
pre: 保持HTML源代碼的空格與換行,等同與pre標籤 
nowrap: 強制文本在一行,除非遇到br換行標籤 
pre-wrap: 同pre屬性,但是遇到超出容器範圍的時候會自動換行 
pre-line: 同pre屬性,但是遇到連續空格會被看作一個空格 
inherit: 繼承 
初始值: normal 
繼承性: 是 
適用於: 所有元素 
white:白色.space:間隔,距離