我使用的是revealjs
的夸托演示文稿。我没有问题设置图像水平居中,就像这样
![](img/path_to_img.svg){fig-align="center" height="200"}
字符串
我试图让图片垂直居中,但我找不到一种方法。如果我试图通过将类更改为.center
来调整幻灯片的css,它确实会使内容垂直居中,但它会使 * 所有 * 内容而不仅仅是图片居中。
如何将图像垂直置中?
我尝试过的事情:
- 添加
style="padding-top: 150px;
有助于使其居中,但这很吸引人 - 添加
vertical-align: middle;
似乎不起作用
1条答案
按热度按时间nhaq1z211#
您可以在图像的上方和下方创建一些空间,以便它看起来像一个v-align,为此您需要使用
layout
,如下所示。这里
layout="[[-1], [1], [-1]]"
翻译为,创建三行,第一行和第三行为空白空间,第二行为一列。
请参阅这里的夸托文档了解更多关于布局。
字符串
x1c 0d1x的数据