在 Rmarkdown 中使用 .tabset 将选项卡对齐到两行中

Aligning the tabs in two rows using .tabset in Rmarkdown

提问人:Andrew 提问时间:10/21/2022 最后编辑:shafeeAndrew 更新时间:10/29/2022 访问量:244

问:

我有以下代码,并希望选项卡出现在两行上,以便

row 1: `A Plot`, `B Plot`, `C Plot`
row 2: `A Table`, `B Table`, `C Table`

这是如何实现的?

---
title: "Untitled"
output: html_document
---

## Plots {.tabset}

### A plot

### B plot
 
### C plot

### A Table           # New line

### B Table

### C Table

HTML 选项卡 r-markdown

评论


答:

1赞 shafee 10/22/2022 #1

一种选择是使用 CSS 网格布局将选项卡对齐为三列。

---
title: "Tabset in Two Row"
output: html_document
---

```{css, echo=FALSE}

.break .nav-tabs {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  text-align: center;
}

.break .nav-tabs:before,
.break .nav-tabs:after {
  content: unset;
}
```

## Plots {.tabset .break}

### A plot

### B plot
  
### C plot

### A Table

### B Table

### C Table

tabs in a three column grid layout