文章/答案/技术大牛

发布

社区首页 >问答首页 >在针织品中的所有文本周围添加div。

问在针织品中的所有文本周围添加div。
EN

Stack Overflow用户

提问于 2014-01-08 00:46:39

回答 1查看 1.1K关注 0票数 4

我试图将以下div和类添加到整个Rmd文件中：

<div class="container">
</div>

我使用css创建了容器类，如下所示：

.container {
    box-shadow: 10px 10px 5px #888888;
    width: 70%;
    margin: 15em auto 5em;
    margin-bottom:-9em;
    margin-top:5em;
    background: #FFF;
}
.container p {
    padding-left: 14%;
    padding-right: 10%;
    text-indent : 1.25cm;
}
body {
   background: #efefef;
}

我通常会使用一个style.css来添加这一点，但是对于MWE，我们将把它放在MW文件的主文档正文中。我用类div包装了整个文档，并得到了这个输出这里。注意头# Hello World不是作为头处理的吗？div标记中的任何内容都不作为html处理。我可以通过在没有div容器的情况下运行针织品来修复这个问题，然后再添加它，如下所示：(HTML和Rmd)。

如何将div标记直接添加到Rmd文件中？

<div class="container">

# Hello World
```{r setup, include=FALSE}

opts_chunk$set(cache=FALSE)

图书馆(针织品)；图书馆(编织)；

<style>
.container {
box-shadow: 10px 10px 5px #888888;
    width: 70%;
    margin: 15em auto 5em;
    margin-bottom:-9em;
    margin-top:5em;
    background: #FFF;
}
.container p {
    padding-left: 14%;
    padding-right: 10%;
    text-indent : 1.25cm;
}
body {
   background: #efefef;
}
</style>

</div>

knitr

回答 1

Stack Overflow用户

发布于 2014-03-04 08:09:43

使用自定义模板将Rmd包装在<div class="container"></div>中

<!DOCTYPE html>
<html>
    <head>
        <title>#!title#</title>
    </head>
    <div class="container">
        #!html_output#
    </div>
</html>

然后在kniting时调用模板

knit2html('document.Rmd', template='template.html', title='Page title')

这样，还可以将自定义style.css添加到模板中。

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/20984985

复制

相似问题

问在针织品中的所有文本周围添加div。
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在针织品中的所有文本周围添加div。EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在针织品中的所有文本周围添加div。
EN