我在我的网页中使用了SyntaxHighlighter来突出显示代码。但是当代码长度超过<div>
的长度时,代码中的单词未被换行。
![enter image description here](https://istack.dev59.com/0uZxu.webp)
然后我搜索了一下,并找到了下面提到的方法:
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+*/
}
然而,出现了一个新问题,即行号与实际代码行不对应:
![enter image description here](https://istack.dev59.com/6JLaJ.webp)
我的问题是:
- 我该如何避免代码溢出同时保持代码行与原始代码行相对应?