Quarto Reveal.js演示：行内片段逐段显示且避免换行布局问题

修正后的QMD代码 #

---
title: "Mathematical Reasoning"
format: revealjs
incremental: true
---

Consider the following paradoxes. 
<span class="fragment inline-fragment" style="color:gray">(or just curiosities)</span>

调整后的CSS样式（写入reveal.css） #

.inline-fragment {
  display: inline;
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
}

.inline-fragment.visible {
  opacity: 1;
}

关键说明 #

• 移除原有的多层容器嵌套，避免块级元素强制换行，直接用span包裹需要逐显的文本，同时绑定Reveal.js的fragment类和自定义inline-fragment类。
• 用display: inline确保元素保持行内状态，通过opacity控制显隐，配合Reveal.js自动添加的.visible类实现平滑的逐显效果，替代原有的flex布局。

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