时间戳

首页 > 解决方案 > 我可以在 html xaringan R 中居中和居中一个数字吗

css - 我可以在 html xaringan R 中居中和居中一个数字吗

问题描述

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

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

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

谢谢！

标签： cssxaringan

解决方案

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

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

推荐阅读