html – 2列在R Markdown中

前端之家收集整理的这篇文章主要介绍了html – 2列在R Markdown中前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我在R Markdown中是非常新的,我正在为我的工作中的一些新的R用户提供一个R Markdown HTML页面,给他们一个介绍,并通​​过一些简单的演示走过他们.在炫耀头像和尾巴这样的东西的时候,它看起来很乱,很长,因为它打印出一个接一个的输出.只要我的.Rmd的其他部分被分成两列,我想要它们.在我的研究中,我遇到了这个问题: 2 Column Report in R Markdown – Render HTML aside Data Frame.有一些关于HTML代码解决方法的讨论,但是我不是那个级别的HTML或CSS.
我确实尝试包括

< div class =“columns-2”>
< / DIV>

从官方的rmarkdown文档,但没有任何影响

当我准备放弃时,@Molx对Stack Overflow问题发表了评论,表示您可以用***分隔列,但没有给出任何进一步的解释.我在几个方面尝试过:我把我的R代码块中的***包含进来,我分离了我的R代码块,并把它们放在两者之间.当我做了后者时,***只是成为一个横向的规则,没有对列做任何事情.

我希望尽可能避免表格和CSS.如果有人有任何想法,我会很感激.

解决方法

rmarkdown文件: @H_502_16@#### 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文件

@H_502_16@<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>

给我

猜你在找的HTML相关文章