溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要介紹了如何在html文本中保留空格的相關知識，內容詳細易懂，操作簡單快捷，具有一定借鑒價值，相信大家閱讀完這篇如何在html文本中保留空格文章都會有所收獲，下面我們一起來看看吧。
在html中內容中的多個空格一般會被視為一個，連續的多個空格符被自動合并了。同時內容前后的空格也會被清除， 如下：
<p> fly63 com </p>
顯示效果為：
fly63 com
備注：瀏覽器的這種機制處理，同樣適用于除了普通的空格鍵，還包括制表符（\t）和換行符（\r和\n），可以通過使用<br>標簽顯式表示換行
white-space 屬性設置如何處理元素內的空白。
這個屬性聲明建立布局過程中如何處理元素中的空白符。值 pre-wrap 和 pre-line 是 CSS 2.1 中新增的。
1、css中當 white-space 屬性取值為pre時，就按照<pre>標簽的方式處理。瀏覽器會保留文本中的空格和換行,例如：
<p style="white-space:pre"> fly63 com <p>
顯示效果為：' fly63 com '
2、css的white-space屬性為pre-line時，意為保留換行符。除了換行符會原樣輸出，其他都與white-space:normal規則一致。
<p style="white-space: pre-line"> fly63 com </p>
顯示效果為：
'fly63
com'
關于“如何在html文本中保留空格”這篇文章的內容就介紹到這里，感謝各位的閱讀！相信大家對“如何在html文本中保留空格”知識都有一定的了解，大家如果還想學習更多知識，歡迎關注億速云行業資訊頻道。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
