今天做一個文章展示頁面，當我將填充文章copy上去的時候，發現頁面並沒有識別文字的換行，而是將文字都擠在同一行
我嘗試用<pre></pre>標籤，但效果並不好
百度過後才知道，CSS中由“white-space” 屬性設置如何處理元素內的空白
包括：但是保留換行符、是否合併空白符、是否自動換行、
值 描述
normal 默認。空白會被瀏覽器忽略。
pre 空白會被瀏覽器保留。其行爲方式類似 HTML 中的 <pre> 標籤。
nowrap 文本不會換行，文本會在在同一行上繼續，直到遇到 <br> 標籤爲止。
pre-wrap 保留空白符序列，但是正常地進行換行。 // 適合移動端H5 識別換行符enter的同時，還能夠在寬度超出容器時進行文本換行
pre-line 合併空白符序列，但是保留換行符。
inherit 規定應該從父元素繼承 white-space 屬性的值。
我在樣式中加入了"white-space:pre",然後頁面就識別了換行，達到了我想要的效果
————————————————
版權聲明：本文爲CSDN博主「做一個有知識的流氓」的原創文章，遵循CC 4.0 BY-SA版權協議，轉載請附上原文出處鏈接及本聲明。
原文鏈接：https://blog.csdn.net/qq_36370731/article/details/78069056