在<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