
为了美化自己的博客,使用的代码高亮显示插件Syntaxhighlighter
在使用的过程中出现超过显示区域不换行,解决方法:
修改shCoreDefault.css文件中的:
1) .syntaxhighlighter {
word-break:break-all;
}就是添加前置换行,但是此适合10行以内的做法,超过10行后,行号也会强制换行,就乱了,所以不建议修改.syntaxhighlighter转战:
.syntaxhighlighter table td.code .line {
padding: 0 1em !important;
word-break:break-all;
}
2) 将pre注释掉
.syntaxhighlighter .line{
/*white-space:pre !important;*/
}
但是还是有bug,换行后的代码,默认还是即为一行,但是行号没有隔行,而是连续显示,导致换行后的行号混乱了!!
相关文章:
,请先登录查看所有评论- 你认识计算机科学之父吗? 2015-04-04
- Localhost和127.0.0.1 2015-04-01
- 剖析三原色 2015-03-30
- HTTP协议状态码大全 2015-03-30
- 网络端口之端口大全 2015-03-25
网友评论已关闭