1. 程式人生 > >HTML文章頁面,識別不了換行問題的解決

HTML文章頁面,識別不了換行問題的解決

今天做一個文章展示頁面,當我將填充文章copy上去的時候,發現頁面並沒有識別文字的換行,而是將文字都擠在同一行

我嘗試用<pre></pre>標籤,但效果並不好

百度過後才知道,CSS中由“white-space” 屬性設定如何處理元素內的空白

包括:但是保留換行符、是否合併空白符、是否自動換行、

描述
normal 預設。空白會被瀏覽器忽略。
pre 空白會被瀏覽器保留。其行為方式類似 HTML 中的 <pre> 標籤。
nowrap 文字不會換行,文字會在在同一行上繼續,直到遇到 <br> 標籤為止。
pre-wrap 保留空白符序列,但是正常地進行換行。
pre-line 合併空白符序列,但是保留換行符。
inherit 規定應該從父元素繼承 white-space 屬性的值。

我在樣式中加入了"white-space:pre",然後頁面就識別了換行,達到了我想要的效果