SyntaxHighlighter 3.083,代码高亮在chrome和firefox下各自表现出第一行开始的位置不一致(问题如图),firefox会空一行而chrome没有,求怎么解决呢?
这个是chrome的,正常
下面这个是firefox,空了一行,(PS:我把右上角那个帮助链接去取消掉了)
怎么解决好呢?syntaxhighlighter 3.083
如果你对这篇文章有疑问,欢迎到本站 社区 发帖提问或使用手Q扫描下方二维码加群参与讨论,获取更多帮助。

评论(7)

根本原因是与bootstrap的.container样式冲突,如下位置是bootstrap的定义:
.clearfix::before, ...,.container::before, .container::after, ..., .modal-footer::before, .modal-footer::after { content: " "; display: table; }
就是这个display: table;属性导致的,重写一个 syntaxhighlighter的container样式覆盖它就行了:
.syntaxhighlighter td.code .container::before, .syntaxhighlighter td.code .container::after {display: none;}
这是根本的解决方法,实测firefox和chrome都没问题。




发布评论
需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。