iOS幻灯片中标题和内容之间的空白如何去除？

Question

我是使用ioslides的默认主题来制作演示文稿，但在幻灯片上安排图表时遇到了困难。

我在相应幻灯片上使用以下代码：

```{r crint1, fig.width = 7, fig.height = 5.5, fig.retina = NULL, fig.align="center"}
options(warn=-1)
load("path_to_data.RData")
ord <- order(cor.table$COR)
barplot(cor.table$COR[ord], names.arg=cor.table$group[ord],horiz=T
        , cex.name=.6, border=F, space=.3, col="gray30", 
        xlab="Correlation Coefficient", las=1)
  grid(NULL, NA, col="white", lty="solid", lwd=0.7)
    abline(v=mean(cor.table$COR), lwd=2, lty=2, col="red")
      text(mean(cor.table$COR), 1, "Average", cex=.8, col="red", pos=4)```

这将导致以下结果： 这还可以，但我希望图表从标题正下方开始，并在幻灯片上更加扩展，以便行的名称可读且不重叠。

我尝试调整fig.height和fig.width，但它们只扩展了图表的大小，而没有改变起始坐标（这使得图表超出了幻灯片）。

有没有办法减少标题下面的空白，并使用该边距来扩展图表？我想我必须编辑该特定幻灯片的CSS，只是不确定如何操作。感谢任何帮助。

- Erdne Htábrob

Answer 1

你可以尝试以下方法： 选项1： 给你的幻灯片添加一个id（这里是#slideID），并更改边距：

## Slide_title {#slideID} 
<style> 
  #slideID > p { 
    margin-top: -50px; 
  } 
</style>

选项2：

识别出包含图表的幻灯片（在我的情况下，它的id是slide-1），并添加以下样式：

<style>
    #slide-1 > p {
      margin-top: -50px;
    }
</style>

这个图表是用一个 img 标签包含的。并且有一个 p 段落标签包裹着它。我们想把它向上移动 50px。 此外，您还可以更改图中绘图区域上方的空白边距。

（为了确定正确的幻灯片：打开演示文稿，显示包含图表的幻灯片，并在浏览器（或 RStudio 查看器）中使用“检查元素”选项查看源代码。）

- Martin Schmelzer

---

谢谢，这个可行！我只是稍微修改了一下你的代码，所以不需要检查：`## Slide_title {#margins}<style> #margins > p { margin-top: -50px; } </style>其中margins` 是用户在幻灯片标题中设置的标签。 - Erdne Htábrob

@Endre 更好 :) - Martin Schmelzer

@MartinSchmelzer 有没有一种方法可以全局地为每个幻灯片做到这一点？或更具体地说，对于每个不是标题或h1的幻灯片？这段代码放在Rmd还是css中？ - jzadra