emlog中pre标签美化
以前一直使用的是代码高亮的插件，但是代码高亮插件用着始终觉得不是很好看，所以就扒了宝塔论坛的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>即可
本文参与 腾讯云自媒体分享计划，分享自作者个人站点/博客。
原始发表：2017-4-24 1，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读