.syntaxhighlighter设置代码自动换行
twocode

    为了美化自己的博客,使用的代码高亮显示插件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,换行后的代码,默认还是即为一行,但是行号没有隔行,而是连续显示,导致换行后的行号混乱了!!

网友评论已关闭