How to wrap long code lines in google-code-prettify

Question

I'm using default setting of google-code-prettify. When a line is too long, it exceeds the boundary, like the following: Are they any possible solution to wrap the code line?

Answer 1

You can use the CSS property word-wrap: break-word; to enable word-wrapping. Make sure that your selector has priority over Google's style, as they probably set word-wrap: nowrap; somewhere.

Answer 2

You need to use pre-wrap.

pre {
  white-space: pre-wrap;
}

Answer 3

For anyone using linenums you need this

:not(pre) > code {
    white-space: pre-wrap; 
    word-wrap: break-word;
}

Answer 4

An alternative is changing the overflow to auto

pre {
  overflow: auto;
}