html 文本换行 \n 不换行 空格无效

文本中直接用 \n ，无法换行，因为 html 不识别 \n，如果只是单纯的用 replace 把 \n 换成 <br/>，只能变成普通的字符串，也还是无法换行。

解决方法有这么几种：

1. 用 innerHTML  =  " ... "  或者 v-html  来把 <br/> 识别为 html node 

2. 在标签上套一个 <pre></pre>

3. 设置 css 

　　

// 合并空白符序列，但是保留换行符。
white-space: pre-line;

 

 

同理，针对不能识别多个空格的文本，也可以用以下代码

<div style="white-space:pre">AA   BB<div>