Enable Line Break

[benjaminBrownlee]

I personally hate horizontal scroll bars. I have read through many of the plugins and documentation but can't find a way to line-break in a manner that eliminates this. I can change the overflow property, but that compromises readability. Is there a way to add line-break?

[zeitgeist87]

You can use the Normalize-Whitespace plugin to break lines that are wider than a certain number of characters: http://prismjs.com/plugins/normalize-whitespace/

[Golmote]

@benjaminBrownlee Or you could also set white-space: pre-wrap in CSS to enable line wrapping in your code blocks.

[TheComputerM]

What if I want line breaks with indents?

[RunDevelopment]

Unfortunately, CSS doesn't give us any easy tools to realize indented line wraps so we'd have to implement that ourselves which won't be easy.

So there's no easy solution right now. If you want to request this feature, please open a new issue.

[dpashkevich]

What about white-space: pre-wrap? Seems to do exactly what we need and it's fairly well supported today.

PS yes line wraps won't be indented this way but it's still much better than having a horizontal scroll on small viewports because there's e.g. a long comment line somewhere. Seems like a reasonable default behavior that's cheap to implement.

[TeoConan]

If you need to put a simple break line in your code you can also try this special char : 
&#10

<pre class='code language-shell' tabindex='0'>
    <code class='language-shell'>
        ~ which git&#13;&#10/usr/bin/git
    </code>
</pre>