html – 2列在R Markdown中

html – 2列在R Markdown中,第1张

概述我在R Markdown中是非常新的,我正在为我的工作中的一些新的R用户提供一个R Markdown HTML页面,给他们一个介绍,并通​​过一些简单的演示走过他们.在炫耀头像和尾巴这样的东西的时候,它看起来很乱,很长,因为它打印出一个接一个的输出.只要我的.Rmd的其他部分被分成两列,我想要它们.在我的研究中,我遇到了这个问题: 2 Column Report in R Markdown – R 我在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文件:
#### 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 >**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 >```{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 >**1** one  **2** two  </div><div >**3** three  **4** four  **5** five  **6** six  </div><div >**7** seven  **8** eight  **9** nine  </div>

给我

总结

以上是内存溢出为你收集整理的html – 2列在R Markdown中全部内容,希望文章能够帮你解决html – 2列在R Markdown中所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1089930.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-27
下一篇 2022-05-27

发表评论

登录后才能评论

评论列表(0条)

保存