在渲染歌词的时候不出现换行

在我请求玩歌词接口的时候返回数据是好好的 我想把他放到页面上 就出现不换行的情况 怎么能把他换行处理

img

img

给个歌词 示例看看 。接口请求回来的 。 一般都有自己的换行符 。
你可以试试 给 放 歌词的 div加个 white-space: pre-wrap;
https://www.runoob.com/cssref/pr-text-white-space.html

你是直接渲染到一个标签里面的吗?你可以试下每一句都给个p标签啥的


for(var i = 0 ; i < data.length ; i ++){
        // 匹配每一行歌词
        regE01.exec(data[i]);
        // 获取歌词
        var lyric = RegExp.$4;
        // 字符串拼接
        str += "<li>"+lyric+"</li>"
    }
    // 循环结束
    //  渲染拼接完成的字符串
    ulElement.innerHTML = str;

加br换行符

返回的换行符是什么,截图看下
你可以用replace去替换换行符,用br