如何使RMarkdown代码块中出现垂直滚动条(html视图)

Question

我找到了许多示例,概述了如何将水平滚动条添加到R Markdown HTML输出,包括此处的具体示例.但是,没有一个描述如何添加垂直滚动条.再次借用链接的示例,但将宽矩阵转换为"高"矩阵,我想在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
```

上述矩阵的输出延伸到幻灯片的底部边缘然后消失.没有滚动条.我试图修改通过修改CSS样式代码添加到.Rmd文件(或放置在一个自定义的CSS)解决缺乏横向滚动条给出的答案从

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

to(将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>

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

Answer 1

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

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

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