html标签中文字换行

一、纯标签处理

// 使用<br>标签
<div>
    我爱我的祖国。
    <br>
    你们也爱你们的祖国。
</div>

二、一段文字来源于后端，其中包含换行符

1、后端字符串中为什么会有换行符

第一种：后端代码中字符串中拼接的换行字符
第二种：java解析文件获取的字符，此时要求文件当处确实是换行了

2、前端如何处理

// 后端来的字符串中的换行符在js中会以\n的形式展现
const str = res; // 'xxx\nyyy'
// 将字符串变量添加到dom中,或者vue中模板语法
document.getElementById('id').innerHTML = str
<div>{{ str }}</div>
--------------------------------
// 写在<pre></pre>标签中直接会换行
// 写在div标签中，需添加额外样式
<div style="white-space:pre">{{ str }}</div>