Quarto RevealJS列表添加Pause后空白间距问题的解决问询

当用Quarto制作RevealJS演示文稿时，想让列表最后一项延迟显示，但用. . .拆分列表后，最后一项前会出现多余空白，破坏排版一致性。这里有几个实用的解决办法：

方法1：用片段容器包裹最后一项 #

直接在同一列表内，用.fragment容器包裹需要延迟显示的项，保持列表结构完整，避免间距问题：

---
format:
   revealjs:
      slide-transition: slide
self-contained: true
---

## 列表延迟显示（无额外间距）
- First item
- Second item
- ::: {.fragment}
  Third item
  :::

方法2：给列表项添加.fragment类 #

利用Quarto支持的属性语法，直接给目标列表项加上.fragment类，无需拆分列表，写法最简洁：

---
format:
   revealjs:
      slide-transition: slide
self-contained: true
---

## 列表延迟显示（简洁版）
- First item
- Second item
- Third item {.fragment}

方法3：用CSS修正. . .导致的间距 #

如果偏好使用. . .语法，可以添加自定义CSS消除额外间距：

首先在YAML配置中引入CSS文件：

---
format:
   revealjs:
      slide-transition: slide
      css: fix-spacing.css
self-contained: true
---

## 列表延迟显示（CSS修正版）
- First item
- Second item

. . .

- Third item

然后创建fix-spacing.css文件，写入以下样式：

.reveal .slides section .fragment + ul {
  margin-top: 0 !important;
}

前两种方法更贴合Markdown原生写法，维护起来更方便；第三种适合需要保留. . .语法的场景，通过CSS强制修正间距。

内容的提问来源于stack exchange，提问作者Claudio