今天换了下 wordpress3.8 又换了个大气的主题大前端D8主题 结果发现我喜爱的代码高亮 居然行号错位 都显示成了一行,大前端D8主题自带代码高亮 但是很丑的说 css中有一属性 word-wrap:break-word(允许长单词换行到下一行) 致使Crayon Syntax Highlighter受到影响
|
1 |
.article-content{font-size:14px;line-height:25px;word-break:break-all;word-wrap:break-word;padding-bottom:5px} |
解决:
我用的默认代码样式 对应文件
classic.css 35行附近 设置固定宽度为25px以上 即可显示百位行代码
|
1 2 3 4 5 |
.crayon-theme-classic .crayon-striped-num { width:25px; background: #c8e1fa !important; color: #317cc5 !important; } |
