Html 自动换行？

我在首页使用syntaxhighlighter突出显示代码。但是我遇到了一个问题，当代码长度大于

的长度时，代码中的单词没有被包装。

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

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+*/　　
} 

但是，出现了一个新问题，行号与实际代码行不对应：

我的问题是:

• 如何避免代码溢出，同时保持代码行与实际原始代码行相对应？

---

您还必须对JavaScript进行一些更改

---

注释部分的底部对其进行了解释，包括JSFIDLE中的一个演示：
我想它确实对应于原始的代码行。因为包装的缘故，你的编号就搞砸了。尝试使用JavaScript包装代码-添加新行符号

\n

和插入符号返回符号

\r

（取决于您的编程环境及其设置），并查看是否有帮助。
您可以使用编辑器。它有很多功能支持，包括自动换行和只读，就像Sublime文本编辑器一样。
这对我很有帮助，谢谢！我在本主题中解释了问题的解决方案：这将导致404。最好直接在StackOverflow上回答问题。