使用pagedown(R)生成PDF报告时图片无法居中的求助

方案1：CSS强制设置图片容器居中 #

pagedown的PDF基于Chrome打印引擎渲染，默认样式可能覆盖fig.align的设置。在style.css里加以下规则：

/* 处理带figure包裹的图片 */
figure {
  display: block;
  margin-left: auto !important;
  margin-right: auto !important;
  width: fit-content; /* 容器宽度适配图片，避免占满整行 */
}

/* 处理无figure包裹的单独img标签 */
img {
  display: block;
  margin-left: auto !important;
  margin-right: auto !important;
}

!important用来强制覆盖默认样式的优先级，确保自定义规则生效。

方案2：用HTML标签手动包裹图片 #

如果全局CSS设置无效，插入图片时直接用HTML控制：

---
title: "测试报告"
output: pagedown::html_paged
---

```{r, echo=FALSE}
# 生成并保存示例图片
png("test_plot.png")
plot(iris$Sepal.Length, iris$Petal.Length)
dev.off()

方案3：重置pagedown默认的figure样式 #

pagedown自带的样式可能给figure元素设了固定边距，在CSS里重置：

.pagedjs_page figure {
  margin: 1em auto; /* 上下留1em边距，左右自动居中 */
  text-align: center; /* 顺带让图片标题也居中 */
}

同时保留RMD代码块里的fig.align='center'，双重保障：

```{r, fig.align='center', echo=FALSE}
plot(iris$Sepal.Length, iris$Petal.Length)

## 验证技巧
重新生成后，先打开中间产物HTML文件，用浏览器开发者工具查看图片/figure元素的样式，确认`margin-left`和`margin-right`是否为`auto`。如果有其他样式冲突，就调整CSS选择器的优先级（比如加父元素前缀）。

内容的提问来源于stack exchange，提问作者Pss