Emlog代码模板开发 pre标签美化

5个月前 (12-23 22:35)阅读282回复0
纳兰叶
纳兰叶
  • 管理员
  • 注册排名1
  • 经验值787
  • 级别管理员
  • 主题155
  • 回复6
楼主

以前一直使用的是代码高亮的插件,但是代码高亮插件用着始终觉得不是很好看,

Emlog代码模板开发 pre标签美化.jpg
(图片来源网络,侵删)

所以就扒了宝塔论坛的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;}




以上内容仅代表作者观点,甚至可能并非原创,如遇未经考证信息需持审慎态度。若有疑问,可联系本站处理。

本文地址:https://www.nly3355.cn/53-5696.html

0
我空虚,我寂寞,还感觉有点冷!
回帖

Emlog代码模板开发 pre标签美化 期待您的回复!

您需要 登录账户 后才能发表评论
取消
载入表情清单……
载入颜色清单……
插入网络图片

取消确定

图片上传中
编辑器信息
提示信息