自定义 CSS 以更改 Bookdown 页面宽度

Question

冒着被否决票的风险，在今天下午花了几个小时试图解开我正在处理的 bookdown html 文档的 css 之后，我不得不问这个问题上。对于我的生活，我只是无法弄清楚用于增加 bookdown 文档主文本区域的最大宽度的选择器。我正在处理一些真正受益于使用更多大型显示器的内容。

我最近尝试获得我需要的特异性是一个自定义 css 文件，其中包含：

.book .book-body.fixed .body-inner .page-wrapper .page-inner .normal .section .level1 .unnumbered {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

我尝试了多种选择器组合，但我就是无法让最大宽度偏离默认的 800px。

出于测试目的，here is an example bookdown document.

Answer 1

试试这个：

.book .book-body .page-wrapper .page-inner {
  max-width: 1200px !important;
}

自定义 CSS 以更改 Bookdown 页面宽度

Custom CSS to Change Bookdown Page Width

css

r-markdown

bookdown