B2主题代码块样式修改

原版b2主题代码块会自动换行，代码看起来不是那么直观。今天我们来修改一下代码块，添加最大高度，代码取消自动换行，超出边界隐藏，可拖动查看。

教程所用b2主题为2.6.0版本，其他版本可能会出现问题，请自行解决。

代码

/*代码块样式修改*/
pre {
    max-height: 400px;
    max-width: 735px;
    margin: 10px 0;
    overflow: auto;
}
pre code{
    white-space: pre;
}
ol.linenums {
    display: inline-block;
}
pre li{
    padding-left: 0px!important;
}
.prettyprint{
    padding: 20px 45px !important;
}
@media screen and (max-width: 768px){
    .prettyprint{
        padding: 15px 45px !important;
    }
}

使用教程

1. 将以上代码复制下来放进主题CSS文件中。
2. 开了Redis或者memcached的清除缓存。
3. ctrl+f5刷新网页。