Emlog中pre标签美化教程

Emlog中pre标签美化教程

教程分享乐云2019-06-14 21:28:18370A+A-

替换教程


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>即可



取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

点击这里复制本文地址 以上内容由乐云资源博客整理呈现,请务必在转载分享时注明本文地址!如对内容有疑问,请联系我们,谢谢!

支持Ctrl+Enter提交

乐云资源博客(小O资源网) © All Rights Reserved.  
Copyright Copyright 2018-2019 小O资源网
鄂ICP备18028263号
安全联盟站长平台
Powered by 基于zblog搭建 Themes by www.oz7o.cn
网站地图| 发展历程| 留言建议| 网站管理

博客官方群×