You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何在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
相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.25 12:39:55