<pre> tag is not wrapping</pre>内的文字

Question

response.text包含html的{​​{1}}来源 为什么google.com来源未包含在html内？ 当前的解决方案创建了一个巨大的侧滚动区域，我希望任何超出窗口宽度的文本都要包装 我想避免在此解决方案中使用<pre>。

innerHTML

var pre = document.createElement('pre'); pre.appendChild(document.createTextNode(response.text)); document.getElementById("body").appendChild(pre); css ..

<pre>

Answer 1

使用如下，

pre {
    outline: 1px solid #ccc; 
    padding: 5px; 
    margin: 5px; 
    white-space: pre-wrap;       
    white-space: -moz-pre-wrap;  
    white-space: -pre-wrap;      
    white-space: -o-pre-wrap;    
    word-wrap: break-word;       
}