發現span超出指定範圍後會默認爲單詞換行,但如果是“wwwwwwwwwwwwwwww”這種沒有空格的連續字符就不會換行
必須設置:
word-break: break-all;
割割割割割割割割割割割割割割割割割割割割割割割割割割割割割割割割割割割割割割割割割割割割割割割割割割割
有時讓span顯示一大段文字,包含幾個段落,要原樣顯示符號
white-space:pre-wrap
white-space -- 通過HTML文檔的源代碼的排版方式控制頁面顯示文本的排版方式
取值: normal | pre | nowrap | pre-wrap | pre-line | inherit
normal: 正常無變化(默認處理方式.文本自動處理換行.假如抵達容器邊界內容會轉到下一行)
pre: 保持HTML源代碼的空格與換行,等同與pre標籤
nowrap: 強制文本在一行,除非遇到br換行標籤
pre-wrap: 同pre屬性,但是遇到超出容器範圍的時候會自動換行
pre-line: 同pre屬性,但是遇到連續空格會被看作一個空格