參考:https://blog.csdn.net/qq_33706382/article/details/78328188
white-space空格處理
css white-space這個css樣式,用來設置element元素對內容中的空格的處理方式,有着幾個可選值:normal,nowrap,pre,pre-wrap,pre-line
1.white-space:normal表示合並空格,多個相鄰空格合並成一個空格,在源碼中的換行作為空格處理,只會根據容器的大小進行自動換行。
2.white-space:nowrap也合並空格,但是不會根據容器大小換行,表示不換行。
3.white-space:pre保留空格不換行。作用是保持源碼中的空格,有幾個空格算幾個空格顯示,同時換行只認源碼中的換行和<br/>標簽。
4.white-space:pre-wrap和white-space:pre的區別就是會自適應容器的邊界進行換行。
5.white-space:pre-line合並空格換行。換行和white-space:pre-wrap一樣,遇到源碼中的換行和<br/>會換行,碰到容器的邊界也會換行。white-space:pre-line會保留源碼中的換行,但是不會保留源碼中的空格。