css - 在 bookdown 中的 R 代码块和文本之间添加空格以进行 html 输出

Question

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

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

现在我想在通过以下方式包含的数字之前添加空格:

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

以及所有代码块之前/之后。

Answer 1

bookdown 生成的图形被包装在 <div> 中同类figure , 因此您可以为 div.figure 定义边距，例如

.figure {
  margin-top: 40px;
}

您可以用类似的方式设置其他元素的样式。如果您不确定 HTML 元素名称/类，您可以右键单击一个元素并检查它，例如在谷歌浏览器中