如何在R Markdown中调整并排图片间的间距

你当前将两张图片宽度均设为50%的写法会让它们紧贴在一起，以下几种实用方式可调整图片间的间距：

方法1：用HTML标签精准控制间距 #

直接替换Markdown图片语法为<img>标签，通过style属性的margin参数自定义间距：

<img src="/Users/filename/black.png" style="width:48%; margin-right:4%;" />
<img src="/Users/filename/gray.png" style="width:48%;" />

将每张图宽度设为48%，中间预留4%的空白间距，总宽度不超过100%可避免图片换行。

方法2：缩小图片宽度预留自然间距 #

若偏好Markdown原生图片语法，可减小单张图片宽度，利用剩余空间自动形成间距：

![](/Users/filename/black.png){width=45%} 
![](/Users/filename/gray.png){width=45%}

两张图片各占45%宽度，剩余10%的空间会作为默认间距，图片会在该区域内居中分布。

方法3：添加全局CSS样式统一控制 #

若需要多处并排图片保持一致间距，可在文档开头添加自定义CSS代码块：

<style>
.side-img {
  display: inline-block;
  margin-right: 20px; /* 可根据需求修改间距数值 */
  width: 45%;
}
</style>

随后在正文引用图片时添加对应类名：

<img src="/Users/filename/black.png" class="side-img" />
<img src="/Users/filename/gray.png" class="side-img" />

方法4：使用knitr函数生成并排图片 #

在R代码块中借助knitr::include_graphics函数，配合参数实现带间距的并排效果：

```{r, echo=FALSE, fig.show='hold', out.width='45%', fig.align='center'}
knitr::include_graphics(c("/Users/filename/black.png", "/Users/filename/gray.png"))

`fig.show='hold'`让图片并排展示，`out.width='45%'`控制单图宽度，剩余空间自动形成间距。

内容的提问来源于stack exchange，提问作者r.carnahan