CodeBox当代码过长时底部会出现一个水平滚动条,可这样导致高度计算错误,垂直方向也出现了一个滚动条,这本也不是什么大不了的事。
关键就在于如果只有一行代码,那这行代码就看不到了(不信你可以试试,长度只要超过页面宽度就行)
同样,设计网页时也可能会出现这种情况(IE内核)
解决方法:
1.进入后台,编辑插件,(Plugins – Editor)
(也可以用ftp软件编辑、下载下来编辑好再上传、通过WebShell编辑等)
2.打开codebox.css文件
3.找到
1 2 3 4 | /* codebox */ .wp_codebox { …… } |
4.将
1 | overflow: auto; |
修改成:
1 2 3 | overflow-x: auto; overflow-y: hidden; padding-bottom: expression(this.scrollWidth > this.offsetWidth ? 15 : 0); |
5.保存修改
搞定,刷新页面可看到变化。
注意:笔者写这篇文章时,WP-CodeBox最新版本为1.4.3