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

Question

我正在尝试在使用bookdown. 我p.caption在style.css文件中添加了以下内容，并在图形标题后添加了空格。

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 元素名称/类，您可以右键单击一个元素并检查它，例如在 Google Chrome 中