html - 如何将 RMarkdown 文件导出到具有两列的 HTML 文档？

Question

我正在为工作中的一些新 R 用户整理一个 R Markdown HTML 页面，向他们介绍并引导他们完成一些简单的演示。

虽然展示了 head 和 tail 之类的东西，但它最终看起来又乱又长，因为它一个接一个地打印出每个输出。只要我的 .Rmd 的其他部分被分成两列，我就希望它们。

在我的研究中，我遇到了这个 question .有一些关于使用我不理解的 HTML 代码的解决方法的讨论。

我试过包括:

<div class="columns-2">   
</div>

来自官方rmarkdown文档，但没有任何效果。

就在我准备放弃的时候，@Molx 对 Stack Overflow 问题的评论说你可以用 *** 来分隔列，但它没有给出任何进一步的解释。我尝试了几种方法:我将 *** 包含在我的 R 代码块中间，我将我的 R 代码块分开并放置 ***两者之间。当我做后者时，*** 只是变成了一条水平线，对列没有任何作用。

我希望尽可能避免表格和 CSS。

Answer 1

rmarkdown 文件:

#### Put in your css file or directly in rmarkdown

<style>
  .col2 {
    columns: 2 200px;         /* number of columns and width in pixels*/
    -webkit-columns: 2 200px; /* chrome, safari */
    -moz-columns: 2 200px;    /* firefox */
  }
  .col3 {
    columns: 3 100px;
    -webkit-columns: 3 100px;
    -moz-columns: 3 100px;
  }
</style>

#### This section will have three columns

<div class="col3">
**1** one  
**2** two  
**3** three  
**4** four  
**5** five  
**6** six  
**7** seven  
**8** eight  
**9** nine  
</div>

#### This section will have two columns

<div class="col2">
```{r}
head(mtcars)
tail(mtcars)
```
</div>

给我这个

---

编辑

为了更精确地使用列元素，您可以为每组元素使用一个 div:

rmd文件

<style>
.column-left{
  float: left;
  width: 33%;
  text-align: left;
}
.column-center{
  display: inline-block;
  width: 33%;
  text-align: center;
}
.column-right{
  float: right;
  width: 33%;
  text-align: right;
}
</style>

#### This section will have three columns

<div class="column-left">
**1** one  
**2** two  
</div>
<div class="column-center">
**3** three  
**4** four  
**5** five  
**6** six  
</div>
<div class="column-right">
**7** seven  
**8** eight  
**9** nine  
</div>

给我