html - SyntaxHighlighter 自动换行？

Question

我在前端网页中使用syntaxhighlighter 来突出显示代码。但是我遇到一个问题，当代码长度大于 <div> 的长度时，代码中的单词不会换行。 .

然后我用谷歌搜索了一下。并找到了下面提到的方法:

pre,code{ 
white-space:pre-wrap;/*css-3*/ 
white-space:-moz-pre-wrap;/*Mozilla,since1999*/ 
white-space:-pre-wrap;/*Opera4-6*/ 
white-space:-o-pre-wrap;/*Opera7*/ 
word-wrap:break-word;/*InternetExplorer5.5+*/　　
} 

但是，新的问题出现了，行号与实际代码行不对应:

我的问题是:

• 如何在保持代码行与实际原始代码行对应的情况下避免代码溢出？

Answer 1

您可以使用 CodeMirror编辑。它有很多功能支持，包括自动换行和只读功能，如 Sublime Text Editor。