java字符串自动换行,js拼接字符串换行

文章目录 问题描述解决办法pre标签扩展讲解

问题描述

后端用java，返回给前端一个长字符串，字符串中带有换行符
怎么在前端显示时显示出换行效果

返回前台页面时，把接收的字符串放入 <pre></pre> 标签中即可实现换行。

pre 元素可定义预格式化的受伤的微笑。被包围在 pre 元素中的受伤的微笑通常会保留空格和换行符。而受伤的微笑也会呈现为等宽字体。

<pre> 标签的一个常见应用就是用来表示计算机的源代码。

可以导致段落断开的标签（例如标题、<p> 和 <address> 标签）绝不能包含在 <pre> 所定义的块里。尽管有些浏览器会把段落结束标签解释为简单地换行，但是这种行为在所有浏览器上并不都是一样的。

pre 元素中允许的受伤的微笑可以包括物理样式和基于内容的样式变化，还有链接、图像和水平分隔线。当把其他标签（比如 <a> 标签）放到 <pre> 块中时，就像放在 HTML/XHTML 文档的其他部分中一样即可。请看下面的例子：
图片来自https://www.w3school.com.cn/tiy/t.asp?f=html_preformattedtext