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

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏小樱的经验随笔

基于Windows下python3.4.1IDLE常用快捷键小结

安装IDLE后鼠标右键点击*.py 文件,可以看到Edit with IDLE 选择这个可以直接打开编辑器。 IDLE默认不能显示行号,使用ALT+G 跳到对应...

3466
来自专栏coding for love

浏览器加载解析渲染机制的全面解析

(注1:如果有问题欢迎留言探讨,一起学习!转载请注明出处,喜欢可以点个赞哦!) (注2:更多内容请查看我的目录。)

1041
来自专栏从零开始学自动化测试

Fiddler抓包10-会话框添加请求类型(get、post)

前言 在使用fiddler抓包的时候,查看请求类型get和post每次只有点开该请求,在Inspectors才能查看get和post请求,不太方便。于是可以在会...

2214
来自专栏.Net移动开发

Smobiler 4.4已正式发布!(Smobiler能让你在Visual Studio上开发APP)

Smobiler 4.4已经正式发布,还不快来看看? 原文地址:https://www.smobiler.com/portal.php?mod=view&aid...

5392
来自专栏游戏杂谈

u3d不显示阴影的处理方法

2072
来自专栏从零开始学自动化测试

Selenium2+python自动化46-js解决click失效问题

前言 有时候元素明明已经找到了,运行也没报错,点击后页面没任何反应。这种问题遇到了,是比较头疼的,因为没任何报错,只是click事件失效了。 本篇用2种方法解决...

2956
来自专栏向治洪

Mac搭建 React Native 工具篇Atom+Nuclide

关于如何在mac下搭建React环境这里就不详细介绍了,有兴趣的朋友可以看:在Mac上搭建RN基础环境,今天要说的是如何在mac下使用Atom+Nuclide组...

2105
来自专栏前端笔记

【JavaScript 理论知识】VUE.JS之初体验:Animate.css封装!

对于经常和动画开发打交道的开发者对于Animate.css这个动画库不会陌生,它把一些常见的动画效果都封装起来了,非常实用。 image.png 前言...

3767
来自专栏猛牛哥的博客

API获取窗口滚动条位置

1313
来自专栏coding

2018年python3与selenium教程第2节动作链实现拖曳效果执行Javascript获取节点信息

Selenium Api并没有提供所有操作的api, 但支持模拟运行Javascript, 所以我们可以自己写js代码实现

2063

扫码关注云+社区

领取腾讯云代金券