打破<pre> tag</pre>内的文字行

Question

我的Chrome代码片段的屏幕截图：

并在firefox中：

我的问题是，如何在firefox中使用与Chrome相同的效果？代码段部分位于预标记内。非常感谢任何帮助！ ：）

Answer 1

跨浏览器包装：

pre
{
    white-space: pre-wrap; /* CSS3 */
    white-space: -moz-pre-wrap; /* Mozilla, post millennium */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    word-wrap: break-word; /* Internet Explorer 5.5+ */
}

JSFiddle

Answer 2

尝试

 pre {
       white-space:normal;
       word-wrap: break-word;
     }