溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
怎么在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文本中保留空格的方法了嗎？如果還想學到更多技能或想了解更多相關內容，歡迎關注億速云行業資訊頻道，感謝各位的閱讀！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
