css - 减少 Ioslides 中标题和文本之间的边距

Question

对于可重现的示例，我使用的是 R studio 附带的默认 Ioslides 演示文稿。文件>新建文件>R markdown>ioslides 演示文稿。数据是安装R Studio自带的mtcars数据集。查看幻灯片 2 (R Markdown)，我希望边距大约是它的一半。但是，没有找到成功。关于如何做到这一点有什么想法吗？

我的 YAML 是这样的

 title: "margin example"
 author: "Tim"
 date: "2/2/2021"
 output: 
     ioslides_presentation:
          css: styles.css

接下来是我正在使用的CSS

h2{
font-family:'Arial';
font-size:22px !important;
padding-bottom:1px;
margin:1px;
margin-bottom:1px;
}

p {
font-size: 18px;
margin:1px;
margin-bottom:0px;
margin-top:0px;
}

Answer 1

向您的 CSS 添加一个新类

.reduceTopMarginText p:first-of-type {
  margin-top: -25px
}

并将其分配给您的幻灯片

## Titel {.reduceTopMarginText}

Text closer to your title.

如果幻灯片上的第一个元素不是文本而是代码，则将 CSS 中的 p 替换为 pre。