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

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",

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

提供一个解决思路
那就是先赋值 后设置样式 你看看这样行不行

如果data.configFile是"huidsfhjndjkwh5655,二哥风格而奋斗v饿温热"这样的，你可以data.configFile.split(',')，分割成一个数组 ["huidsfhjndjkwh5655", "二哥风格而奋斗v饿温热"]

然后