如何在Quarto RevealJS幻灯片中实现标题完全居中(同标题页样式)?
在Quarto RevealJS中实现幻灯片标题完全居中
你遇到的问题是因为RevealJS自带的.center类仅处理垂直居中,但幻灯片标题默认带有左对齐样式,所以需要额外添加水平居中的设置。这里有两种简单的解决方法:
方法1:组合使用.center和.text-center类
直接在标题的类声明里加上.text-center,同时保留.center来实现垂直+水平双居中,代码如下:
--- title: "Center slide in middle" format: revealjs --- ## Slide {.center .text-center}
方法2:自定义CSS全局生效
如果需要让所有加了.center类的幻灯片标题都自动水平居中,可以在文档里添加自定义CSS块:
--- title: "Center slide in middle" format: revealjs --- ```{css, echo=FALSE} .center h2 { text-align: center; }
Slide {.center}
这样设置后,幻灯片标题就会和标题页一样,在页面正中间完全居中了。 内容的提问来源于stack exchange,提问作者Quinten
相关产品推荐
相关产品推荐

