Предотвращение обертки строк кода с помощью jekyll, kramdown и rouge

Question

Использование kramdown и rouge для выделения синтаксиса разметки в блоге jekyll, я хотел бы предотвратить перенос длинной строки кода на новую строку. Я хотел бы иметь возможность использовать горизонтальную полосу прокрутки, чтобы показать остальную часть содержимого.

Вот Джекил конфигурация:

markdown: kramdown 
kramdown: 
    input: GFM 
    syntax_highlighter: rouge 

Я использую тему base16.solarized.dark CSS, созданную командой rougify.

Вот пример использования кода:

```` js 
console.log("some code") // and a really really long long long comment which i'd like to not wrap onto the next line 
```` 

Answer 1

Boostrap добавляет white-space: pre-wrap правила для того, чтобы помочь кодовый блоку читаемости.

Если вы хотите, вам блок кода, чтобы избежать этого обертку, вы можете редактировать CSS/дата-creative.css и добавить

pre code{ 
    white-space: pre; 
} 

Answer 2

У вас есть где-то правило CSS, что для code элемента устанавливает white-space: pre-wrap. Добавьте следующее правило для переопределения:

code { 
    white-space: pre; 
}