有没有 CSS 的方法来减少文本和水平线之间的距离?

Is there a CSS way to decrease the distance between a text and a horizontal rule?

我在 rmarkdown 文件中有以下文本,我想减小水平线与文本之间的距离。 CSS 有办法做到吗?我看到了一个 LATEX 解决方案,但我想在 CSS.

中了解它
noaçlijchaçlkjcn

***

最简单的方法是通过减小 margin-top属性 的值(默认值为 20px)来覆盖 Bootstrap CSS。要获得该值,您可以 Inspect 来源:

如果您需要在一个或多个地方(不是全部)更改“水平线与文本之间的距离”,您可以使用 <hr style=" " /> 而不是 three or more asterisks ***、破折号 --- 或下划线 ___:

noaçlijchaçlkjcn

<hr style="margin-top: -10px" />

或者,如果您需要更改整个文档的默认水平线 (hr) 值,请使用:

```{css hr-content, echo = FALSE}
hr {
    margin-top: -10px;
    # margin-bottom: 20px;
}
```

这个 css 块将被放置在 YAML 下。