html 不识别斜杆 n 解决方法

在 html 中的一些特殊场景中需要某一段文字遇到斜杠 n 就行换行，但是往往加了后没有效果。 八那是因为 html 标签不识别 斜杠 n, 认为斜杠 n , 只是一个普通的文本。

解决这种问题通常有以下几种方案

第一种: VUE 的 v-html 来解决，需要把 \n 换成
才能识别到; 或使用 js 原生写法 innerHTML = '--------'

<pre>
  <div>
    Hello /n Word
  <div>
</pre>复制代码

**第二种： 需要换行的标签上套一个层 <pre></pre>**复制代码

// white-space 为：pre-line， pre-line 表示 合并空白符序列，但是保留换行符
white-space: pre-line;复制代码

     第三种： 需要换行的标签上设置CSS属性复制代码

// white-space 为：pre-line， pre-line 表示 合并空白符序列，但是保留换行符
white-space: pre-line;复制代码

white-space 其他的属性

CSS1 对 各种 white-space 值的行为：

更多请阅读 ： white-space