前言
按项目需求,需要将一串字符串换行显示,例如:‘一级标题,二级标题,三级标题,四级标题,五级标题’。
展示效果如下:
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/a4c15d6015871dbdc69c7a74c29318dc.png)
代码展示
html代码
把要换行的字符串前面加'\n',然后放在pre标签中
<div>
<pre>{{str}}</pre>
</div>
js代码
let str=‘一级标题,\n二级标题,\n三级标题,\n四级标题,\n五级标题’
**< pre> 标签可定义预格式化的文本。
被包围在 <pre> 标签 元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。**