增加整个 HTML Rmarkdown 输出的宽度答案

【问题标题】：Increase width of entire HTML Rmarkdown output增加整个 HTML Rmarkdown 输出的宽度
【发布时间】：2016-04-26 15:36:58
【问题描述】：

我希望增加 HTML Rmarkdown 输出的整体宽度。

从 Rmarkdowns 生成 PDF 文档时，可以选择在 Rmd 的 YAML 部分设置边距（例如几何：边距=.5in）。

我正在为 HTML 文档寻找类似的东西。以下链接是我的问题的一个很好的例子：https://rstudio.github.io/DT/extensions.html

正如您在该 html 网页上看到的那样，数据表的左侧和右侧有很多空白区域。有没有办法减少这个边距空间，从而增加数据表的宽度？

谢谢

【问题讨论】：

找到解决方案了吗？？

标签： html rstudio r-markdown margins

【解决方案1】：

正如here所解释的，你需要使用这个代码：

datatable(..., options = list(autoWidth = TRUE,columnDefs = list(list(width = '200px', targets = c(1, 3)))))

【讨论】：

【解决方案2】：

将其放在 rmarkdown 文档的顶部（但在 YAML 下方）：

<style type="text/css">
.main-container {
  max-width: 1800px;
  margin-left: auto;
  margin-right: auto;
}
</style>

不要把它放在一个块中，而是作为纯文本。它应该将内容区域的最大宽度设置为 1800 像素。

【讨论】：

这个只有当我按照this answer 的建议将` !important` 规则添加到max-width 定义中 时才有效。但是使用该规则seems bad practice，那么还有其他方法吗？
它可以在我的机器上运行，无需添加任何其他内容。在 Chrome、Explorer 和 Edge 中测试，它适用于所有这些。使用 rmarkdown 1.6 和 R 3.4.2。
不，对我不起作用，无论是在 FF 56 还是 Chromium 62 中。还使用 rmarkdown 1.6 和 R 3.4.2。如果我直接将 HTML 文件中的原始 CSS 规则从 940 像素更改为 1800 像素，它甚至都不起作用——除非我在其中添加!important。
你需要把它放在第一个块的下面，而不是放在 rmarkdown 文档的顶部
如果我将 .main-container 更改为 div.main-container，它对我有用。已经有这种定义，所以我想它被覆盖了。

【解决方案3】：

从 rmarkdown 2.10 开始，使用此处或 linked answer 提出的解决方案确实没有得到任何结果。我无法让它与 .rmd 文件中的内联 css 一起使用。但是，当仅使用以下条目在 .rmd 文件夹中添加 doc.css 文件时，它确实立即起作用：

div.main-container {
  max-width: 1600px !important;
}

并将其添加到 yaml 标头中，如下所示：

---
title: asd
author: abc
date: "`r format(Sys.time(), '%d %B, %Y')`"
output:
  html_document:
    toc: true
    toc_float: true
    toc_depth: 6
    mathjax: null
    css: doc.css
---

【讨论】：