CSS改变simditor代码区间的默认显示样式和自动换行
原文:http://vtuce.cn/p/8.html
这是原始不加任何样式显示效果:
非常难看,因此,需要添加css如下:
pre{font-family: 'monaco', 'Consolas', "Liberation Mono", Courier, monospace;font-size: 13px;line-height: 18px;background: #f8f8f8;border: 1px solid #F0F0F0;padding: 10px 3px 10px 10px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;word-wrap: break-word !important;white-space: pre-wrap !important;
}
pre>code>span{background-color: #f8f8f8 !important;
}
注意 !important的优先级极高,因此能覆盖内联样式
CSS改变simditor代码区间的默认显示样式和自动换行相关推荐
- html select 样式t调整_用纯css改变下拉列表select框的默认样式
**社区评论 ( Beta版 )** #0 危汤讽 2015-04-02 09:57:05 firefox浏览器支持不好,貌似是浏览器bug 回复 #1 林甩土 2015-04-03 09:06:57 ...
- html改变复选框颜色,如何利用纯CSS改变html?radio/checkbox默认背景颜色样式
本篇文章给大家带来的内容是关于如何利用纯CSS改变html?radio/checkbox默认背景颜色样式,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. CSS代码:input[typ ...
- pl/sql developer 设置oracle的date类型默认显示样式
oracle里默认的date显示样式: 我的是汉化过的: 进入后,点击工具->首选项->日期/时间设置即可: 设置后在pl/sql developer中查看: 英文版的操作步骤: Tool ...
- 用纯css改变下拉列表select框的默认样式
在这篇文章里,我将介绍如何不依赖JavaScript用纯css来改变下拉列表框的样式. 事情是这样的,您的设计师团队向您发送一个新的PSD(Photoshop文档),它是一个新的网站的最终设计. 一切 ...
- 纯css改变下拉列表select框的默认样式
下列CSS就可以解决,原理是将浏览器默认的下拉框样式清除,然后应用上自己的,再附一张向右对齐小箭头的图片即可. select {/*Chrome和Firefox里面的边框是不一样的,所以复写了一下*/ ...
- CSS基础:text-overflow:ellipsis溢出文本的显示样式
语法: text-overflow : clip | ellipsis 参数: clip : 不显示省略标记(...),而是简单的裁切 (clip这个参数是不常用的!) ellipsis : ...
- css改变谷歌浏览器的滚动条样式
详细内容请点击 /*---滚动条默认显示样式--*/ ::-webkit-scrollbar-thumb{ height:50px; outline-offset:-2px; outline:2px ...
- 【油猴脚本】改变网页代码块的字体样式/美化LeetCode代码文字显示(CSS;设置@font-face和font-family)
美化网页的代码字体 脚本安装地址: 参考:改变网页代码块的字体样式 更新日志 V0.1 更新时间:2021年9月20日23:04:41 更新功能: 1.改变LeetCode.CSDN.博客园嵌入的代码 ...
- css 默认显示滚动条,css控制默认滚动条样式
针对webkit内核的浏览器,使用伪类来改变滚动条的默认样式,详情如下: 滚动条组成部分 1. ::-webkit-scrollbar 滚动条整体部分 2. ::-webkit-scrollbar-t ...
- (转)css中通常会用到浮动与清除,也是一个必须掌握的知识点,概念性的东西不多说,下面举几个例子,来说明它的用法:1.文字环绕效果 2.多个div并排显示 3.清除浮动(默认显示)...
一.文字环绕效果: html代码如下: 1 <body>2 3 <style type="text/css">4 #big img {float: left ...
最新文章
- 程序员缺乏经验的 7 种表现!
- Everest 0.6 设置ADSL上网
- SharePoint 2013 Disaster Recovery——迁移内容数据库
- java判断类型_Java中类型判断的几种方式 - 码农小胖哥 - 博客园
- 配置Maven环境变量-Eclipse/Idea添加Maven
- VMware发布虚拟云网络创新技术,连接和保护分布式多云企业
- 鸿蒙系统发布IT直播,华为开源平台上线:鸿蒙系统、方舟编译器在列
- 浅析Python3中的bytes和str类型(转载)
- 【kafka】kafka log 存储时间 小于 offset 存储时间 offset存在但是消费不到
- 兰州理工大学linux试题,兰州理工大学学期《电子技术》试题.doc
- java epoch time_Java LocalDate ofEpochDay()用法及代码示例
- vs 中代码的字体也颜色设置
- 牛客网项目1.7项目调试技巧
- Unity 材质之_stander shader
- PS常用快捷键 初学者必看
- MS sqlserver数据库恢复出错 Exclusive access could not be obtained because the database is in use
- 浩瀚先森(guohao1206.com)
- 织梦{dede:php} AddFilter(1,1,'diqu',theme); {/dede:php}含义解释
- 写个dump_stack【转】
- 关于Wechat 的充值