reveal.js - 将部分标签的显示设置为 flex 或 grid

Question

使用 Reveal.js，我想使用 flexbox 和/或网格来布局幻灯片。不幸的是，Reveal.js 似乎总是在其幻灯片放映/隐藏逻辑中覆盖标签的display属性。即：sectionblock

<section class="mylayout">
  <div>...</div>
  <div>...</div>
</section>

section.mylayout {
  display: flex;
}

没有效果，因为 Reveal.jsstyle="display: block"为标签添加了一个属性section。

有没有办法解决？div它可以在其中放置一个嵌套section并使其成为网格/弹性，但是在那里有一个额外的层只会让人感觉笨重和恶心，除了解决方法之外没有增加任何其他价值。

有没有其他人找到不同的方法来解决它？

标签： reveal.js

Answer 1

您现在可以在初始化设置中将其设置为使用 flexbox。请参阅文档中的此更新。