html样式里加了 white-space: pre-wrap;想实现获取的文本遇到 /n 换行，但是结果并没有换行，请问有什么解决办法嘛？

Question

html
<div class="info-row" v-html="th:text">
            <span class="title"><i class="fa fa-file-text-o" aria-hidden="true"></i>&nbsp;&nbsp;中间件配置文件信息:</span>
            <div class="center" th:text="${data.configFile}"></div>
        </div>
css
 .center {
            margin:0 auto 0 0;
            position: relative;
            white-space: pre-wrap;
        }

文本内容：
"huidsfhjndjkwh5655\n","二哥风格而奋斗v饿温热">\n",
想要显示效果：
"huidsfhjndjkwh5655
","二哥风格而奋斗v饿温热">\n",
实际效果：
"huidsfhjndjkwh5655\n","二哥风格而奋斗v饿温热">\n",

Answer 1

实际效果连/n都显示出来了，说明压根没成功转成富文本，还是以字符串形式显示的