Quarto RevealJS幻灯片内容垂直对齐配置求助

针对你需要的两种显示效果，直接通过自定义CSS就能实现，具体方案如下：

（1）内容顶部对齐 #

在你已引用的custom.css文件中添加以下样式代码：

.reveal .slides section {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 100vh; /* 确保幻灯片内容区域占满屏幕高度 */
}

保留YAML中的center: false配置，这样所有幻灯片内容就会默认顶部对齐，添加新内容时也会从顶部向下延伸。

（2）内容从屏幕顶部下方10%高度开始显示 #

同样修改custom.css，在顶部对齐的基础上增加顶部内边距：

.reveal .slides section {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 100vh;
  padding-top: 10vh; /* 顶部留出屏幕高度10%的空白 */
  box-sizing: border-box; /* 避免内边距导致内容超出屏幕范围 */
}

这段代码会让所有幻灯片内容从顶部往下10%的位置开始排布，同时保证内容不会超出屏幕边界。

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