R语言 夸托演示文稿中图像的垂直对齐

yhived7q  于 9个月前  发布在  其他
关注(0)|答案(1)|浏览(77)

我使用的是revealjs的夸托演示文稿。我没有问题设置图像水平居中,就像这样

![](img/path_to_img.svg){fig-align="center" height="200"}

字符串
我试图让图片垂直居中,但我找不到一种方法。如果我试图通过将类更改为.center来调整幻灯片的css,它确实会使内容垂直居中,但它会使 * 所有 * 内容而不仅仅是图片居中。
如何将图像垂直置中?
我尝试过的事情:

  • 添加style="padding-top: 150px;有助于使其居中,但这很吸引人
  • 添加vertical-align: middle;似乎不起作用
nhaq1z21

nhaq1z211#

您可以在图像的上方和下方创建一些空间,以便它看起来像一个v-align,为此您需要使用layout,如下所示。
这里layout="[[-1], [1], [-1]]"翻译为,
创建三行,第一行和第三行为空白空间,第二行为一列。
请参阅这里的夸托文档了解更多关于布局。

---
title: "Vertical align"
format: revealjs
---

## Image alignment (Default)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam luctus ultrices
leo sit amet accumsan.

![](https://placeholder.pics/svg/200){fig-align="center" height=200}

## Vertically Aligned 

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam luctus ultrices
leo sit amet accumsan.

::: {layout="[[-1], [1], [-1]]"}

![](https://placeholder.pics/svg/200){fig-align="center"}

:::

字符串
x1c 0d1x的数据

相关问题