HTML – SyntaxHighlighter自动换行？

发布时间：2020-12-14 16:36:42 所属栏目：资源来源：网络整理

导读：我在前面的网页中使用了syntaxhighlighter来突出显示代码.但我遇到一个问题,当代码长度超过 div的长度时,代码中的单词不会被包装. 然后我google了它.并找到了下面提到的方法： pre,code{ white-space:pre-wrap;/*css-3*/ white-space:-moz-pre-wrap;/*Mozill

我在前面的网页中使用了syntaxhighlighter来突出显示代码.但我遇到一个问题,当代码长度超过< div>的长度时,代码中的单词不会被包装.

然后我google了它.并找到了下面提到的方法：

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

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

我的问题是：

>如何在保持代码行与实际原始代码行对应的同时避免代码溢出？

解决方法

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!