有没有 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
下。
我在 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
下。