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

Question

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

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


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

Answer 1

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

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

Answer 2

有一些特殊的 CSS 类可以解决xaringan这个问题。

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


## Header
.left-column[`.left-column`]
.right-column[`.right-column`]

.pull-left[`.pull-left`]
.pull-right[`.pull-right`]