多行模板字符串转换为HTML不包括换行符

Question

我有一个大的模板的JS文件（使用ES6标准）看起来类似于文字：

let stringLiteral = `this is a large 
        string and it also 
        has many lines in it 

        and this is a larger line break` 

，并把它放在我的HTML文件，我只是使用：

document.getElementById('content').innerHTML = stringLiteral; 

但是，当我这样做时，换行符不包含在HTML中。我需要做些什么才能做到这一点？

Answer 1

默认情况下文本节点中的空白处于折叠状态。对于换行符使用<br />或<br>，或者将white-space: pre;添加到该元素的css中。