如何使SyntaxHighlighter长代码自动换行[js/css]

时间:2018-07-07 ┊ 阅读:890 次 ┊ 标签: 设计 , JS , CSS

用SyntaxHighlighter高亮代码,最近发现下面有个滚动条不好看,
代码太长造成的,去掉滚动条让长代码能自动换行,就好了。
打开样式表shCoreDefault.css 22行,把white-space: pre !important;改为white-space: pre-wrap !important;

shCoreDefault.css 22行:

.syntaxhighlighter .line{/*white-space:pre !important;*/ white-space:pre-wrap !important;}

js代码如下:

<script>
$(window).load(function(){
    $('.code .line').each(function(index){
        var nheight = $(this).height();
        $('.gutter .line:eq('+index+')').attr('style','height:'+ nheight +'px !important')
    });
});
</script>

效果如下:
jslongcode.jpg

文章评论

添加新评论

温馨提醒:如果您是第一次在本站留言,需要审核后才能显示哦!

相关文章

终于用上了专业版的PyCharm含激活方法链接[Python]

终于用上了专业版的PyCharm含激活方法链接[Python]

就直接上图片吧: 激活方法链接:https://www.cnblogs.com/pupilheart/p/9734124.html
阅读全文>>
简易中英小词典iDict v1.0发布[Github开源]

简易中英小词典iDict v1.0发布[Github开源]

用wpf写了一个小词典,方便自己使用。 功能: 简易查词 最小化系统托盘 设置开机启动 本站下载 Github下载 Github 源码 词典是用python爬的iciba词库,基本够用了。 下面是python抓取词典源码,现学现用。python上手就是简单。 # -*- codin...
阅读全文>>
格式化输出日期时间新版本[VBS]

格式化输出日期时间新版本[VBS]

格式化输出日期时间新版本: 'format the datetime string, overload the internal function FormatDateTime 代码如下: Function FormatDateTime(dateTime, NamedFormat) D...
阅读全文>>
怎么把数字转换为开头补0的字符串?

怎么把数字转换为开头补0的字符串?

好久不做这些数字字符串来回变,生疏了。 有时候被一个小问题困扰,不如动手来一下试试就知道了。 方法没有最好,只有更好,仅供参考! rpg代码如下: d num s 14p 2 d chr s 15 ...
阅读全文>>
怎么在as/400上创建tab键分隔的文件

怎么在as/400上创建tab键分隔的文件

平时我们在rpg程序中,用逗号(x'6b')来分隔字段以生成csv文件,导出后方便用户查看。但有时需要以tab键来分隔字段,对齐比较方便,在as400上该怎么做到呢? 其实tab键是在pc下分隔字段的方便,在db2上是不支持tab做为列分隔符的。但是我们可以用 IFS 命令CPYTOIMPF ...
阅读全文>>