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

时间:2025-05-15 18:08:10

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