您好,登錄后才能下訂單哦!
這篇文章主要介紹了如何在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進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。