css white-space屬性詳解(空格處理)


參考: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會保留源碼中的換行,但是不會保留源碼中的空格。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM