Javascript discover.js标题幻灯片覆盖

我希望我的discover.js第一张（标题）幻灯片的风格与其他幻灯片略有不同。 如何为“标题”幻灯片创建一个单独的分区环境，包括：

所有标题和文本是否居中

所有内容在中间垂直对齐？<李> 我的默认（内容）幻灯片应该左对齐，而不是垂直居中。这意味着在init部分

leaver.initialize（{…center:false，…}）

对于my custom theme.css，所有标题和段落文本都与

text align:left

左对齐

我希望会有一些

覆盖选项，但似乎没有。我一直在摆弄div，但我不是伟大的HTML/CSS大师

---

作为后续问题，如果幻灯片上使用了

，是否会自动触发此问题？这将允许我对内容使用外部标记，而不使用其他标记

只需使用一个类来命名标题幻灯片的名称空间即可

<section class="title-slide">
    <h1>Title</h1>
</section>

---

这也可以解决您的第二个问题，而无需动态触发任何事件。

谢谢！这还是很新鲜的。。。我该如何覆盖由Reveal.config完成的垂直定位？啊，我也找到了居中。对齐有时很麻烦

.discover.title幻灯片{top:50%；-webkit transform:translate（0，-50%）；position:absolute；}

你的解决方案成功了。嗨，查索洛，也许你也知道这一点。第二部分实际上并没有完全解决。使用这种特定的垂直对齐方式会打断各种diseal.JS元素，如幻灯片概览（ESC按钮）和常规过渡（您可以看到运动中的垂直平移）。你知道有没有其他方法可以让这些特定的幻灯片在leaver.JS中居中而不居中？我想看看flexbox。

h1 {
    text-align: left;
}

.title-slide h1 {
    text-align: center;
}