首页 > 涨姿势
.syntaxhighlighter设置代码自动换行
发布时间:2015-07-12 14:21:03
访问量:122

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

相关文章 更多文章
简述HTTP协议
山猫、黄蜂和鹈鹕的渊源
你认识计算机科学之父吗?
Localhost和127.0.0.1
剖析三原色
发表评论 0
网友评论
© 2010-2015 PekingPiao.com
版权所有 DBR
Mem
Top