html - 如何使垂直滚动条出现在 RMarkdown 代码块中(html View )

标签 html r rstudio knitr r-markdown

我找到了许多概述如何向 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>

但运气不好。谁能提供缺失的那 block 拼图?

最佳答案

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

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

(有关单元 vh 的信息,请查看 this )

enter image description here

关于html - 如何使垂直滚动条出现在 RMarkdown 代码块中(html View ),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41135085/

相关文章:

python - 为什么 python 上的 pmdarima 包中的 auto_arima 函数比 R 上可用的 auto.arima 函数慢得多?

html - 用于Streamtheworld.com流的HTML5解决方案

regex - 解释这个 R 正则表达式

r - 如何将 RStudio 主题仅应用于源和控制台背景而不应用于整个 GUI?

r - 从 igraph 对象中提取 vnames

通过部分变量名引用变量

RStudio v1.1.456 Rpubs上传报错,无登录提示

html - 嵌入式谷歌地图底部的空白

jquery - 顶部的 Bootstrap 多级子菜单

android - 如何从HTML STRING CONTENT中获取文本内容并通过各种方式分享?