首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >Jekyll Rouge的垂直滚动条

Jekyll Rouge的垂直滚动条
EN

Stack Overflow用户
提问于 2016-07-20 16:56:52
回答 1查看 1K关注 0票数 4

在Jekyll中是否有真正长的代码添加垂直滚动条?我尝试在_syntax.scss中添加一个Height属性,但没有成功。我使用的语法高亮符是胭脂,我使用的主题是:https://github.com/mmistakes/hpstr-jekyll-theme

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2016-07-20 21:16:41

是的,请确保将此CSS添加到主题中:

代码语言:javascript
复制
pre.highlight {
  max-height: 200px; /* Change to your desired max height */
  overflow-y: scroll;
}

使用OP URL提供的更新.如下所示:

查找定义了类突出显示的位置,并将其添加到其声明的末尾:

代码语言:javascript
复制
.highlight {
  [...]
  border: 1px solid #dbdbdb;
  background-color: #272822;
  border-radius: 3px;

/** This part **/
  max-height: 300px;
  overflow-y: auto;
}

结果:

票数 3
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/38486498

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档