CSS改变simditor代码区间的默认显示样式和自动换行

论坛 期权论坛 脚本     
匿名技术用户   2020-12-27 20:05   28   0

原文:http://vtuce.cn/p/8.html

这是原始不加任何样式显示效果:

image.png

非常难看,因此,需要添加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的优先级极高,因此能覆盖内联样式


分享到 :
0 人收藏
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

积分:7942463
帖子:1588486
精华:0
期权论坛 期权论坛
发布
内容

下载期权论坛手机APP