Verhindern Zeilenumbrüche von Codeblöcken mit Jekyll, Kramdown und Rouge

Question

Mit Kramdown und Rouge für Markdown-Syntax-Highlighting in einem Jekyll-Blog möchte ich verhindern, dass lange Codezeilen in eine neue Zeile umbrechen. Ich möchte in der Lage sein, eine horizontale Bildlaufleiste zu verwenden, um den Rest des Inhalts anzuzeigen. Hier

ist die jekyll config:

markdown: kramdown 
kramdown: 
    input: GFM 
    syntax_highlighter: rouge 

Ich bin mit dem base16.solarized.dark css Thema erzeugt durch den rougify Befehl. Hier

ist ein Beispiel-Code Nutzung:

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

Bootstrap ist das Hinzufügen einer white-space: pre-wrap Regel um Codeblock Lesbarkeit zu helfen.

Wenn Sie Sie Codeblock wollen diese wickeln zu vermeiden, können Sie Ihre css/Daten-creative.css bearbeiten und

pre code{ 
    white-space: pre; 
} 

Answer 2

Sie haben irgendwo eine CSS-Regel, dass für das code Element setzt white-space: pre-wrap. Fügen Sie die folgende Regel es außer Kraft zu setzen:

code { 
    white-space: pre; 
}