xaringan:减少输入和输出之间的垂直空间？

Question

如果我想减少代码输入框和输出框之间的垂直空间，我就不知道如何更改xaringan包中的CSS。下面是默认xaringan模板中的简单更改：

---
title: "Presentation Ninja"
subtitle: "⚔<br/>with xaringan"
author: "Yihui Xie"
institute: "RStudio, Inc."
date: "2016/12/12 (updated: `r Sys.Date()`)"
output:
  xaringan::moon_reader:
    lib_dir: libs
    nature:
      highlightStyle: github
      highlightLines: true
      countIncrementalSlides: false
---

background-image: url(https://upload.wikimedia.org/wikipedia/commons/b/be/Sharingan_triple.svg)

```{r setup, include=FALSE}

选项(htmltools.dir.version= FALSE)

???

Image credit: [Wikimedia Commons](https://commons.wikimedia.org/wiki/File:Sharingan_triple.svg)

---
class: center, middle

# xaringan

### /ʃaː.'riŋ.ɡan/

---
class: inverse, center, middle

# Get Started

---

---

# R code

```{r}

1+1

我想缩小输入、投入和输出之间的空间：

​

​

这是我在野外探险课上看到的。我想我只是想缩小橙色的面积。pre？我试着改变它，但搞砸了CSS。谢谢你的暗示。

​

​

Answer 1

您可以通过插入html <style></style>标记在本地更改css代码。控制xaringan的pre元素的默认大小的部分定义如下：

pre {
    display: block;
    font-family: monospace;
    white-space: pre;
    margin: 1em 0px;
    margin-top: 1em;
    margin-right: 0px;
    margin-bottom: 1em;
    margin-left: 0px;
}

(至少这是我看到的默认代码，如果我使用来自RStudio的默认标记xaringan模板)。

您需要更改的是margin-bottom和margin-top元素。因此，如果在.Rmd文件中紧接yaml之后添加以下内容，则应该能够修改相关部分。

<style>
pre {
    display: block;
    font-family: monospace;
    white-space: pre;
    margin: 1em 0px;
    margin-top: 0em;
    margin-right: 0px;
    margin-bottom: 0em;
    margin-left: 0px;
}
</style>