Question

我已经在一个长的降价脚本中复制了一个简单的例子。

我希望幻灯片上的一些图表以2列格式显示，有些则以1列格式显示。因此我需要调整图的宽度。麻烦是当我在Chrome浏览器中打开生成的HTML时，2列格式似乎不起作用;图表显示在另一个之下。

Rmd（使用“Presentation” - ＆gt;默认输出格式“HTML ioslides”保存）如下：

---
title: "Test"
author: "Gaurav Chaturvedi"
date: "6/29/2016"
output: ioslides_presentation
---

<style>
  .col2 {
    columns: 2 200px;
    -webkit-columns: 2 200px;
    -moz-columns: 2 200px;
  }

</style>

## Slide with Plot

```{r, echo=FALSE}
suppressPackageStartupMessages(library(knitr))
boxplot(mpg~cyl, data=mtcars)
opts_chunk$set(comment=NA,  fig.height = 4, fig.width = 4)
```

## 2 Plots 

<div class = "col2">
```{r, echo=FALSE}
boxplot(mpg ~cyl, data=mtcars[mtcars$cyl==4,])
boxplot(mpg ~cyl, data=mtcars[mtcars$cyl==6,])
```
</div>

Answer 1

如果您将css更改为：

<style>
 .col2 {
 float:left;
}
</style>

你的2个地块会相互浮动（在div元素中）。当我在Chrome中复制您的示例时，它可以按照您的意愿运行。

在opts_chunk之后，Rmarkdown中的2列格式失败

1 个答案: