"No line wrap" configuration for highlight.js

Add following snippets into your css.

pre, code {
    white-space: pre;
    overflow-x: scroll;
}

.hljs {
    display: inline-block;
    overflow-x: scroll;
}

via http://stackoverflow.com/questions/31152421/highlight-js-with-blogger-cant-disable-auto-line-wrap

And what's more, if you wants line numbers looks like:

try http://idodev.co.uk/2013/03/syntax-highlighting-with-highlightjs/