防止<code> tag</code>中的自动换行符

Question

我有一个html code标记，包含在pre标记中，其宽度固定，并且会出现丑陋的自动换行符：

我想要实现的是，文本不会自动在空格中被破坏，但是当我向white-space: nowrap元素添加code时，整个事物会折叠成一行，所以所有\ n和\ r \ n字符也会被忽略：

有没有人知道如何防止自动换行，但保留预期的换行符？

Answer 1

问题是由twitter bootstrap造成的。 无论出于何种原因，他们在代码标记中添加了以下样式：

white-space:pre;
white-space:pre-wrap;
word-break:break-all;
word-wrap:break-word;

用以下内容覆盖样式：

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

问题已解决。

Answer 2

我希望这对你有所帮助。 Demo

.content pre
{
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    white-space: pre-wrap; 
    word-wrap: break-word; /* Internet Explorer 5.5+ */  
}