Предотвратите автоматические разрывы линий в <code> tag

У меня есть тег html code, заключенный в тег pre с фиксированной шириной и получаю уродливые автоматические разрывы строк:

То, что я хочу достичь, заключается в том, что текст НЕ автоматически разбивается на пробелы, но когда я добавляю элемент white-space: nowrap в элемент code, вся вещь сворачивается в одну строку, поэтому все \n и\Символы r также игнорируются:

Есть ли у кого-нибудь идея, как предотвратить автоматические разрывы строк, но сохранить разрывы предполагаемой строки?

Ответы

Ответ 1

Проблема была вызвана загрузкой twitter. По какой-то причине они добавили следующие стили в тег кода:

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

Переписав стили с помощью:

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

Проблема была исправлена.

Ответ 2

Надеюсь, это может вам помочь. Демо

.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+ */  
}