版权声明：所有原创文章未经本人同意不得随意转载，谢谢 https://blog.csdn.net/tangcc110/article/details/83655449
1.html: <p style="white-space:pre-wrap">
{{c_str}}
</p>
2.vue.js
data:{
str : "第一行 \n 第二行"
},
computed:{
c_str(){
return decodeURIComponent(encodeURIComponent(this.str)); // 当然不进行编码、解码也可以
}
}
Brief summary：主要是设置white-space的保留处理方式
white-space:pre-wrap 保留了空格+超出边界换行
white-space:pre-line 不保留空格 +超出边界换行
white-space:pre 不合并文字间的空白距离，当文字超出边界时不换行
代码是用vue写的，与原生js原理一样。