我可以在 html xaringan R 中居中放置一个图形吗

Question

我注意到您可以在 xaringan 幻灯片中使用 class: center, middle 使幻灯片的布局居中和居中，但这会改变整张幻灯片的标题和布局。您还可以通过以下方式使图像居中：

.center[
![]('foo.svg')
]

但我想知道是否可以在不更改 xaringan 中整个页面的布局的情况下将绘图居中并使其位于幻灯片中间？

谢谢！

Answer 1

试试这个：在 rmd 的开头或在单独的 CSS 文件中定义 .center2 class：

<style>

.center2 {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

</style>

然后插入图片，用.center2[]包裹起来：

.center2[
```{r echo = FALSE}
knitr::include_graphics("path/to/image")
```
]

我可以在 html xaringan R 中居中放置一个图形吗

Can I center and middle a figure in html xaringan R

css

xaringan