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

Question

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

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

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

谢谢!

Answer 1

试试这个:在 rmd 的开头或在单独的 CSS 文件中定义一个 .center2 类:

<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")
```
]