我正在try 调整从rmarkdown输出的html的主标题和副标题之间的垂直间距.我读过很多关于pdf输出的问题,但似乎没有一个解决方案对html有效.

YAML看起来像这样.

---
title: "for question"
subtitle: "is too far away"
author: "CAWA"
output: html_document
---
knitr::opts_chunk$set(echo = TRUE)
<style type="text/css">
h1.title {
  font-size: 38px;
  text-align: center;
}
h3.subtitle {
  font-size: 18px;
  text-align: center;
}
h4.author {
  font-size: 12px;
  text-align: center;
}

</style>

提供:

from above code

如何简单地将字幕和作者向上移动任何距离?

我找不到任何针对html进行调整的代码. 是否有要添加到css中的参数?类似于\vSpace{-1 cm}的内容,在本例中似乎不起作用.

我还试图梳理rmarkdown文档,但我要么错过了它,要么它不在那里.似乎所有的注意力都集中在定制上,这应该是可能的.

推荐答案

您可以通过将标题设置为margin-bottom,将副标题设置为margin-top来获得所需的结果,例如,在下面的代码中,我将两者都设置为0px:

---
title: "for question"
subtitle: "is too far away"
author: "CAWA"
output: html_document
---

```{r}
knitr::opts_chunk$set(echo = TRUE)
```

```{css}
h1.title {
  font-size: 38px;
  text-align: center;
  margin-bottom: 0px;
}
h3.subtitle {
  font-size: 18px;
  text-align: center;
  margin-top: 0px;
}
h4.author {
  font-size: 12px;
  text-align: center;
}
```

enter image description here

Html相关问答推荐

为什么从输入步骤中的扣减不能按预期进行?

未显示新组件的视图

当溢出到滚动条中时, bootstrap 按钮样式会更改

如何翻转卡片图像的背面

我的Django应用程序中出现模板语法错误

可以';t使我的导航栏在HTML/CSS中正确对齐

rvest: Select 不包含链接的段落(<;p>;)

仅 Select 悬停的级别,而不 Select 其父级或子级

为什么溢出时overflow: auto框的底部有一个小间隙?

如何使用CSS将页面标题水平居中对齐

Tailwind:父母动态适应子元素的身高

CSS 网格跨度行到所有行

如何将元素均匀分布到容器的边缘?

奇怪的幻影 div 命名为

使用 R 中的 rvest 包获取搜索结果的第一个链接

如何制作一个空的网格模板行来填充剩余空间?

我如何设置括号的样式,使它们不会挂在旁边的其他字符下面

使用 Selenium for Python 在网站上查找类名称中包含换行符的元素

根据百分比用多种 colored颜色 填充SVG路径

是否有一种静态方式可以根据暗模式 Select 一张或另一张图像?