手机游戏
经典单机
角色扮演
休闲益智
动作冒险
射击枪战
赛车竞速
模拟经营
解密闯关
策略战争
手机软件
时尚购物
体育运动
资讯阅读
教育学习
摄影摄像
生活服务
效率办公
聊天社交
视频盒子
其它软件
新闻资讯
游戏攻略
软件教程
游戏问答
软件资讯
软件技术
叨叨念念
网站技术
技术问答
软件教程
资源资料
原创作品
代码学习
网页设计
网络技术
合集
合集
游戏合集
软件合集
资讯合集
视频合集
首页 > 网页设计 > 网页设计

SyntaxHighlighter关于滚动条的问题

作者:星知苑 时间:2012-10-09 13:42:24

SyntaxHighlighter这个是一个高亮插件。现在被用于很多网站的代码显示。

但是SyntaxHighlighter3.0.83,由于自适应宽和高,导致一直有滚动条的问题。

其实这个问题可以修改css文件可以去掉。修改主题文件shCoreDefault.css(默认模版)

 

去掉右侧滚动条:

大概在shCoreDefault.css文件39行位置:

padding:0 !important;[break]

修改为

padding: 1px 0 !important;

 

网上可能是36行  margin: 0 !important;修改为  margin:1px 0 !important;这样修改双击选中后会有错位问题。

 

去掉下侧的滚动条:

其实我也没有找到两全其美的方法,为什么这么说呢。这里我提供2种方法,但是多有缺陷。

建议:还是输代码的时候注意长度的,只要不超过一定的长度,是不会出现滚动条的。

1.自动换行

 

.syntaxhighlighter .line {

  white-space: pre !important;

}

修改这个pre为normal的话,前面的行数就会错位。

 

2.自动隐藏

 

.syntaxhighlighter {

  width: 100% !important;

  margin: 1em 0 1em 0 !important;

  position: relative !important;

  overflow: auto !important;

  font-size: 1em !important;

}

 

修改overflow的auto为hidden,超过自动隐藏。这个方法更美观点,但是不方面查看代码。

良心推荐

手机实用工具app推荐
  • 最美时光app下载
  • WiFi放心连app
  • 音频编辑转换器app
  • 去水印照片视频app
  • 蓝光护目镜app下载
  • 小雷达手机定位app
手机真的就是生活中的最大的实用之处就是有多种工具相当的方便,基本上你拥有手机就拥有了多种小工具不管是在办公的时候还是生活中都是绝对的用得到的各种小工具,都是将是成为你手机必备的软件给你的各种带来很多的便利,这里有超多的软件都是很实用的有工具箱大全还有各种卓面小组件等等应用办公生活两不误。

相关资讯