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

【问题标题】：.left-column[] and .right-column][] do not align.left-column[] 和 .right-column][] 不对齐
【发布时间】：2020-01-26 21:50:24
【问题描述】：

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

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


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

【问题讨论】：

标签： css r xaringan

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

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

【讨论】：

谢谢。但实际上我想使用.left-column 和.right-column 因为比例。我通过重写 css 类解决了这个问题。