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

  • Post author:
  • Post category:其他


文本中直接用 \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>