如果我想减少代码输入和输出框之间的垂直空间,我无法弄清楚如何更改 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}
options(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
我想缩小输入和输出之间的空间:
这是我在 Safari 类(class)浏览器中看到的内容。我想我只是想缩小橙色区域。
pre
?我尝试改变它,但弄乱了 CSS。感谢您的任何提示。最佳答案
您可以通过插入 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;
}
(至少这是我使用 default markdown xaringan template from RStudio 时看到的默认代码)。
您需要更改的是
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>
关于css - xaringan:减少输入和输出之间的垂直空间?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/57556452/