如何使垂直滚动条出现在 RMarkdown 代码块中（html 视图）答案

【问题标题】：How to make vertical scrollbar appear in RMarkdown code chunks (html view)如何使垂直滚动条出现在 RMarkdown 代码块中（html 视图）
【发布时间】：2017-04-29 08:09:01
【问题描述】：

我发现了许多示例，概述了如何向 R Markdown HTML 输出添加水平滚动条，包括这个特定示例 here。但是，没有描述如何添加垂直滚动条。再次借用链接示例，但将宽矩阵转置为“高”矩阵，我想在我的 ioslide 演示文稿中垂直滚动矩阵。

---
title: "Vertical needs"
author: "Hyped"
date: "December 13, 2016"
output: ioslides_presentation
---

```{r setup, include=FALSE}
knitr::opts_chunk$set(echo = FALSE)
```

## Where's my vertical scrollbar?

```{r}
x <- matrix(nrow = 40, ncol = 4, data = 1)
x
```

上述矩阵的输出延伸到幻灯片的底部边缘然后消失。没有滚动条。我尝试通过修改添加到 .Rmd 文件（或放置在自定义 CSS 中）的 CSS 样式代码来修改为解决缺少水平滚动条而给出的答案 from

<style>
pre code, pre, code {
  white-space: pre !important;
  overflow-x: scroll !important;
  word-break: keep-all !important;
  word-wrap: initial !important;
}
</style>

到（交换overflow-x到overflow-y）：

<style>
pre code, pre, code {
  white-space: pre !important;
  overflow-y: scroll !important;
  word-break: keep-all !important;
  word-wrap: initial !important;
}
</style>

但没有运气。任何人都可以提供缺少的拼图吗？

【问题讨论】：

标签： html r rstudio knitr r-markdown

【解决方案1】：

问题似乎是您没有指定代码块的高度。试试这个：

<style>
pre {
  white-space: pre !important;
  overflow-y: scroll !important;
  height: 50vh !important;
}
</style>

（有关单位的信息vh请查看this）

【讨论】：

这行得通！谢谢！但是，我对解决方案还有一个问题.... 其他 horizontal scrollbar 解决方案似乎将 pre 标记与 code 标记结合在一起。但是，即使将 echo=TRUE 添加到 R 代码块以查看输出中的代码文本，我在 HTML 源代码中也看不到任何 code 标记。相反，我看到 pre.lang-r 我猜我可以开始在代码文本本身和输出之间分离样式。你能提供任何关于这方面的 cmet 吗？
有趣的是我也找不到它们。我不确定在最近的版本中是否删除了代码标签的使用。总之，你当然可以使用pre { ... }和pre.lang-r { ... }来设置不同的样式（或者pre:not(lang-r)和pre.lang-r { ... }）。
使用Kable时对输出表不起作用。
当然不是。您必须将 CSS 标记从 pre 更改为环绕 kable 表的标记。

【解决方案2】：

添加到@Martin Schmelzer 的解决方案中，我注意到echo = TRUE 可能会出现问题，或者如果您的输出在文档的其他部分不是很大。要解决此问题，只需更改：

height: 50vh !important;

到

max-height: 50vh !important;

【讨论】：