在 RStudio 中将 ioslides 幻灯片的标题居中

Question

我正在使用新的 Rmarkdown 文件在 RStudio 中进行快速演示，我已将其设置为使用 ioslides 输出 HTML 文件。这是我得到的：

---
title: "SX MWE Presentation"
author: "John Doe"
date: "Today"
output:
  ioslides_presentation:
    smaller: yes
    widescreen: yes
    transition: "faster" 
---

## Plan

Here's the plan: I'm going to give one speech today and another next Monday. 

## Today's Speech 

## Today I'll be talking about A B and C. 

## Next Monday

## Next Monday I'll be talking about X Y and Z.

这是我的问题：我希望 ## Today's Speech 和 ## Next Monday 幻灯片中的幻灯片标题文本水平和垂直居中。我怎么做？您会立即看到这些只是没有内容的幻灯片，只有一个标题，但这是有意为之：我只想要几张 "setup" 幻灯片来定位我们所在的位置。

我怀疑，要使这些幻灯片标题居中，我需要某种自定义 css 文件，但我一直无法找到我认为我正在寻找的代码. （当然，我已经在 ioslides 文档中寻找答案，但没有找到答案。）

Answer 1

您可以尝试以下方法：

在 YAML header 之后，添加以下行：

<style type="text/css">

h2 {
  text-align: center;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
}
</style>

这意味着您覆盖了 header 2 CSS 种样式。您的 header 现在出现在屏幕中间，您可以使用 css 完全修改您的 header 样式，例如改变颜色，font-size ...

在 RStudio 中将 ioslides 幻灯片的标题居中

Centering the title of an ioslides slide in RStudio

html

css

r

r-markdown

ioslides