css - .left-column[] 和 .right-column][] 不对齐

标签 css r xaringan

我不确定这是不是故意的,但正如您在下方看到的,左列和右列没有对齐。我玩弄了我的浏览器 devtools 并找到了右列的顶部填充。但即使在删除它之后它也不能完美对齐。有没有一些简单的方法可以实现完美对齐?

---
output:
  xaringan::moon_reader:
    lib_dir: libs
    nature:
      highlightStyle: github
      countIncrementalSlides: false
---


## Header
.left-column[Left Column]
.right-column[Right Column]

enter image description here

最佳答案

似乎 .right-column 有一个 1 em 的顶部填充。您可以通过在开头添加以下内容来自定义 Rmarkdown 文件中的 css。

```{css echo=FALSE}
.right-column{
  padding-top: 0;
}
```

关于css - .left-column[] 和 .right-column][] 不对齐,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58119807/

相关文章:

html - 文本位于移动 View 的第一部分下方

html - 如何生成 3 列列表?

regex - R 正则表达式中 Perl/x(忽略空格)模式的等价物

r - 在 R 中使用 All As OR As 和 Bs 为学生创建虚拟变量 (Tidyverse)

r-markdown - 如何在 Xaringan 幻灯片中嵌入视频 (avi/mpg4)

r - 自动创建 Rmarkdown/Xaringan 演示幻灯片

html - 文本右旋转和右对齐

javascript - 如何将div高度设置为前两行

r - 如何更新 R shiny 中 for 循环内的无功输出

r - 添加更改时自动重新加载 Shiny 的应用程序