.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

xaringan附带了一些特殊的CSS类，可以解决此问题。

---
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`]

Answer 2

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

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