设置

软件中心

万能驱动

好站推荐

网站地图

你的位置: 首页 实用技巧 阅读文章     灰色显示     正常显示     从天而下     桔色成人

在WordPress中,用滚动条显示超长代码行

[ 2013-04-27 ] 分类:实用技巧


2,681
 

Warning: usort() expects parameter 2 to be a valid callback, function 'tag_sort' not found or invalid function name in /www/wwwroot/qiun.net/wp-content/themes/yise/functions.php on line 16

ie10

在Wordpress中,我们经常需要写一些程序代码,通过搜索,我发现了通过简单地修改style.css就能够达到用滚动条来显示超长代码行的功能。其实际效果可以参见这个帖子,下面简单说说这个步骤。
首先,找到你目前主题所使用的style.css,搜索里面是否有pre的定义,如果没有,就自己添加,大致内容如下:

pre {
width: 100%;
overflow: auto;
border: 1px dotted #281;
background-color: #eee;
padding-left: 6px;
padding-bottom: 20px;
}

其中定义了一个虚线的边框,并设置背景为灰色,左边的padding设置为6,否则左边显得比较拥挤,最关键的是overflow设置成auto,这个设置提供了自动显示滚动条的功能。另外特别需要注意的是padding-bottom,这个必须设在20左右,其实是为滚动条留了空间。当滚动条隐藏时,这部分留白似乎显得比较多余,但如果不设,当滚动条出现时,滚动条就会遮盖部分文字,非常不舒服。



无觅相关文章插件,快速提升流量

郑重声明:请尊重本站作者的劳动成果,未经允许,请不要复制转载奇云网的页面内容,鄙视各种无耻的采集粘贴行为!本站个别内容来源于网络,版权归原作者所有,奇云网无版权责任!




在WordPress中,用滚动条显示超长代码行
1 票 [ 贝氏评级 ] 5.00 含金量 91%
各位请注意,目前发现 0 位寻荒者 在附近海域漂移!
开辟每一块荒地都是十分艰辛,请各位无论在哪个岛屿生活一定要安份守已。和睦相处。





评论内容 (*必填):
GRAVATAR头像
设置你的头像
(Ctrl + Enter 快速提交)   

立即下载
收起
展开