以前一直使用的是代码高亮的插件,但是代码高亮插件用着始终觉得不是很好看,所以就扒了宝塔论坛的pre样式
样式替换教程:
1、找到emlog模版使用的css样式,一般的都是style.css这个文件
2、找到一行插入代码:
pre{box-sizing:border-box; /*以下样式是自动换行代码*/ white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; /* Internet Explorer 5.5+ */ /*以上样式是自动换行代码,需要的加上,不需要的删除*/ overflow:auto; font-family:Menlo, Monaco, Consolas, 'Courier New', monospace; font-size:13px; padding:9.5px; margin-top:0px; margin-bottom:10px; line-height:1.42857; color:#333333; word-break:break-all; word-wrap:break-word; border:1px solid #CCCCCC; border-radius:4px; background-color:#F5F5F5;}保存即可,使用方法,在写文章的时候在需要这个样式时在前后插入一对<pre></pre>即可
发表评论: