記:原樣輸出文字,不作任何處理

今天有個奇葩需求:讓純文本文字換行輸出?css

what?幾年沒用過這個標籤了..當時用的時候仍是初學的時候。。。當時嫌棄空格什麼要轉義麻煩。。。字體

<pre>

HTML <pre> 元素表示預約義格式文本。在該元素中的文本一般按照原文件中的編排,以等寬字體的形式展示出來,文本中的空白符(好比空格和換行符)都會顯示出來。(緊跟在 <pre> 開始標籤後的換行符也會被省略)

而後對pre使用css樣式換行,解決了此問題spa

pre {
      white-space: pre-wrap;
      word-wrap: break-word;
    }
white-space CSS 屬性是用來設置如何處理元素中的空白
相關文章
相關標籤/搜索