原因：

你的站点上动态渲染的任意 html 可能会非常危险，因为它很容易导致 XSS 攻击。请只对可信内容使用 HTML 插值，绝不要对用户提供的内容插值。

解决办法：

使用 <pre> 标签替换掉 <div> 标签。 利用的就是 <pre> 标签的这个功能：被包围在 <pre> 元素中的文本通常会保留空格和换行符，并且文本也会呈现为等宽字体。

注意：

pre标签使用的时候会出现不自动换行的问题，而且存在一些默认样式。

一下是解决自动换行的办法：

white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */

链接: https://www.fly63.com/article/detial/6101