在<pre>标签内换行文本

Question

我有一个在Chrome中的代码截图：

还有在Firefox中的：

我的问题是，如何使Firefox中的效果与Chrome中的相同？代码段部分位于pre标记内。非常感谢任何帮助！:)

- Emkey

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

- Evan Mulawski

---

我认为你应该发布源代码http://www.longren.org/wrapping-text-inside-pre-tags/。 - Ahmad Alfy

@Ahmad：实际上，我是从我的一个网站设计的CSS中得到这个。而且这段代码在整个网络上都很常见。 - Evan Mulawski

Answer 2

尝试一下。

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

- Ahmad Alfy