如何将长代码行包装在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 need to use pre-wrap .

 pre { white-space: pre-wrap; } 

Answer 2

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 3

An alternative is changing the overflow to auto

pre {
  overflow: auto;
}

Answer 4

For anyone using linenums you need this

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