大前端D8主题Crayon Syntax Highlighter代码高亮错位-天狐博客

今天换了下 wordpress3.8 又换了个大气的主题大前端D8主题结果发现我喜爱的代码高亮居然行号错位都显示成了一行,大前端D8主题自带代码高亮但是很丑的说 css中有一属性 word-wrap:break-word(允许长单词换行到下一行) 致使Crayon Syntax Highlighter受到影响

.article-content{font-size:14px;line-height:25px;word-break:break-all;word-wrap:break-word;padding-bottom:5px}

1	.article-content{font-size:14px;line-height:25px;word-break:break-all;word-wrap:break-word;padding-bottom:5px}

解决:
我用的默认代码样式对应文件
classic.css 35行附近设置固定宽度为25px以上即可显示百位行代码

.crayon-theme-classic .crayon-striped-num {
	width:25px;
	background: #c8e1fa !important;
	color: #317cc5 !important;
}

.crayon-theme-classic .crayon-striped-num {

width:25px;

background: #c8e1fa !important;

color: #317cc5 !important;

}

转载请注明：天狐博客 » 大前端D8主题Crayon Syntax Highlighter代码高亮错位

大前端D8主题Crayon Syntax Highlighter代码高亮错位

与本文相关的文章

Hi，您需要填写昵称和邮箱！

网友最新评论 (1)

与本文相关的文章

Hi，您需要填写昵称和邮箱！

网友最新评论 (1)

订阅天狐博客