在 html 输出的 bookdown 中的 R 代码块和文本之间添加 space

Question

我正在尝试在使用 bookdown 创建的一本书的 HTML 输出中的文本和代码块之间添加一些 space。我将以下内容添加到 style.css 文件中的 p.caption，并在图形标题后添加 space。

p.caption {
  color: #777;
  margin-top: 10px;
  padding: 0px 0px 40px 0px;
}

现在我想在通过以下方式包含的数字之前添加 space：

knitr::include_graphics(rep("images/knit-logo.png", 3))

和before/after所有代码块。

Answer 1

由 bookdown 生成的数字被包裹在 <div> 和 class figure 中，因此您可以为 [=13] 定义边距=]，例如

.figure {
  margin-top: 40px;
}

您可以用类似的方式设置其他元素的样式。如果您不确定 HTML 元素 name/class，您可以右键单击一个元素并检查它，例如在 Google Chrome

add space between R code blocks and text in bookdown for html output