我使用的版本:prettify-small-4-Mar-2013.tar.bz2
我的解决方法:
1、删掉prettify里的这两个样式。 li.L0,li.L1,li.L2,li.L3,li.L5,li.L6,li.L7,li.L8{list-style-type:none}li.L1,li.L3,li.L5,li.L7,li.L9{background:#eee} 2、替换以下内容,已经存在的替换,不存在的新增。 pre.prettyprint { padding: 8px; background-color: #f7f7f9; border: 1px solid #e1e1e8; } .prettyprint.linenums { -webkit-box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0; -moz-box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0; box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0; } /* Specify class=linenums on a pre to get line numbering */ ol.linenums { margin: 0 0 0 33px; /* IE indents via margin-left */ } ol.linenums li { padding-left: 12px; color: #bebec5; line-height: 18px; text-shadow: 0 1px 0 #fff; } 3、在<pre>标签里面一定不能有<br/>标签,要换行直接回车.
替换后,感觉效果没有原来的好看。
ps:后面再次测试,写法不对,应该这样。
<body onload="window.prettyPrint && prettyPrint();"></body>
相关推荐
prettify是Google提供的一款源代码语法高亮着色器,它提供一种简单的形式来着色HTML页面上的程序代码.教程:http://blog.csdn.net/zoujiawei6/article/details/59623186
google-code-prettify
Google Code Prettify,包含 prettify-4-Mar-2013.tar.bz2 和 prettify-small-4-Mar-2013.tar.bz2。
代码高亮显示prettify内有prettify.css,prettify.js,run_prettify.min.js.
利用google prettify 让代码高亮,好看。 下载地址: http://code.google.com/p/google-code-prettify/ http://www.bootcdn.cn/prettify/ 网络引入地址: //cdn.bootcss.com/prettify/r298/prettify.min.js 效果图...
color-themes-for-google-code-prettify, Google Code 美化的语法高亮颜色主题 用于 Google Code 美化的颜色主题Google Code 美化美丽色彩主题的选择。 演示...
google代码高亮插件prettify 带文档 demo
google-code-prettify使用使用实例
code-prettify-master 代码高亮显示插件 网页代码片段高亮显示插件,亲测可用,包含使用方法 详见: example.html
Android Studio Prettify 从布局文件中生成对View的声明(不使用注解)
HTML-CSS-JS Prettify
作用于html页面,代码高亮 包含prettify.js 和prettify.css
Google Code Prettify的MATLAB语法突出显示 的MATLAB语法突出显示的实现。 可以识别以下构造: 单行和块注释( % comment和%{ , %} ) 带引号的字符串( 'hello world' ) 号文本( 1 , -2.5 , 1i , 2.9E-5...
prettify.rar,甘特图,图标等js插件使用。
NULL 博文链接:https://eric-gao.iteye.com/blog/892118