【HTML】保留文本中的空格以及換行


white-space屬性:用來定義元素內的空白該如何處理

  1. normal:忽略多余的空白,元素內如果有多個空格在一起或換行符(回車鍵),瀏覽器會把其看作一個空格來處理,不會影響自動換行(就是元素內容過長,在一行上顯示不完,會從下一行開始);
  2. pre:保留空白或換行符(回車鍵)。輸入幾個空格,瀏覽器顯示的時候就是幾個空格,其實就是原樣輸出,如果有換行符,換行符后的內容會從下一行開始。其行為方式和html中的</pre>標簽類似。會影響自動換行(就是元素內容過長,不會從下一行開始,會沖出元素的邊界顯示);
  3. nowrap:元素內文本如果有多個空格在一起或換行符,瀏覽器只會顯示一個空格;元素文本內容不會自動換行,只有遇到</br>標簽才會換行。
  4. pre-wrap:和nowrap相反,元素內的空格不管有多少個都會原樣顯示,如果有換行符,換行符后的內容會從下一行開始;會自動換行,就是元素內容在一行中顯示不完會從下一行開始;
  5. pre-line:合並空白符序列,保留換行符。就是多個空格會被瀏覽器看作一個空格來處理,如果有換行符(回車鍵),換行符后的內容會從下一行開始,不會影響自動換行;
  6. inherit:從父元素繼承white-space屬性的值,就是父元素的white-space屬性的值是什么,該元素的white-space屬性值就是什么 


免責聲明!

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



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