我之前使用 R 中的 xaringan 包做了一个可滚动代码块输出的演示，如下图所示。
我想在 quarto Revealjs 演示文稿中制作相同的可滚动代码块输出。有人知道如何在四开演示文稿中做到这一点吗？
scrollable code chunk output:
如果有帮助的话，这里是我之前在 xaringan 中进行演示时使用的 css 代码。
先感谢您！
/* scrollable code chunk output */
.remark-code {
display: block;
overflow-x: auto;
max-height: 100%;
padding: .5em;
color: #fff;
background: rgb(131, 139, 139);
}
您只需要两个步骤即可在 Quarto Revealjs 中执行相同的操作。首先，定义一个 css 类overflow-x: auto然后将类传递给 chunk 选项class-output这样输出就会有水平滚动。
---
title: Output Horizontal scrolling
format: revealjs
engine: knitr
---
## Quarto
```{r}
#| class-output: hscroll
library(gapminder)
df <- dplyr::bind_cols(gapminder, gapminder, .name_repair = "minimal")
head(df)
```
```{css, echo=FALSE}
.hscroll {
overflow-x: auto;
white-space: nowrap;
}
```
如果您想对代码块执行此操作，而不是传递.hscroll类作为特定块的块选项，使用knitropts_chunk键入 yaml 部分。
---
title: Output Horizontal scrolling
format: revealjs
engine: knitr
knitr:
opts_chunk:
class-output: hscroll
---
## Quarto
```{r}
library(gapminder)
df <- dplyr::bind_cols(gapminder, gapminder, .name_repair = "minimal")
head(df)
```
```{css, echo=FALSE}
.hscroll {
overflow-x: auto;
white-space: nowrap;
}
```