SyntaxHighlighter displays lines without linebreaks. Long lines are display in one line and a horizontal scrollbar is added to the container.
I don't want that scrollbar and I'm able to force line breaks in SyntaxHighlighter with some enforcing but simple CSS rules.
The problem is that content and line numbers are not displayed in the same container and therefor the line numbers won't match the right lines if lines get split that way.
Is there any chance to get it working without to much trouble? Any ideas welcome..!
This is the way I finally did it:
use it like this:
now you have line numbers and line content on the same row, even if code gets wrapped. Anything else can be done with CSS.