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的优先级极高，因此能覆盖内联样式