Javascript CSS在字符串末尾预换行

当新行插入到元素的字符串末尾时，应该使用

空格：pre-wrap

样式，我希望会出现新行

但是，浏览器似乎会转换单个新行，并且只有在新行后面插入另一个字符时才会显示可见的新行

插入新行和附加空格的Javascript：

（函数（）{
var cnt=document.getElementById（'cnt'）
document.getElementById（'btn'）。onclick=function（）{
cnt.textContent=cnt.textContent+String.fromCharCode（10）
}
document.getElementById（'btn2'）。onclick=function（）{
cnt.textContent=cnt.textContent+“”
}
})();
单击以添加新行
单击以添加空间
行
请在问题中张贴完整的代码示例。我确信您在问题中看到了关于链接到JSFIDLE而不使用代码的警告，并决定尝试通过突出显示一条CSS规则作为代码来避开该规则。然而，这条规则是为了你们和我们的利益而制定的。对不起，我真的忽略了这个警告。谢谢你的提醒。