如何为Quarto的Reveal.js幻灯片添加多个类(如scrollable、nostretch)
在RevealJS幻灯片中同时添加scrollable和nostretch类的正确方法
要给单张幻灯片同时添加.scrollable和.nostretch两个类,正确写法是把多个类放在同一个花括号内,用空格分隔,不需要逗号,也不能拆分出两个独立的花括号。
正确的标题写法:
## Inferences from Posterior for Treatment Effect {.scrollable .nostretch}
完整配置示例:
--- format: revealjs: scrollable: true --- ## Inferences from Posterior for Treatment Effect {.scrollable .nostretch} 这里是幻灯片的长内容,启用滚动后可以完整展示,同时nostretch类会避免内容被过度拉伸。
之前写法无效的原因:
- 用逗号分隔类名(
{.scrollable, .nostretch})不符合Quarto/Pandoc的属性语法规范,无法被正确识别。 - 拆分两个花括号(
{.scrollable} {.nostretch})也不生效,因为标题的属性定义只能通过一个花括号块完成。
滚动效果示例:

内容的提问来源于stack exchange,提问作者Joe
相关产品推荐
相关产品推荐

