自定义CSS更改书本页面宽度

jkg*_*ain 3 css r-markdown bookdown

冒着几张反对票的风险,今天下午花了几个小时试图解开我正在研究的bookdown html文档的CSS之后,我不得不问这个问题。为了我的一生,我只是无法弄清楚用来增加书本文档主要文本区域最大宽度的选择器。我正在处理一些内容,这些内容确实可以从使用更多的大型显示器中受益。

我最近一次尝试来获得我需要的特性是一个自定义的CSS文件,该文件包含:

.book .book-body.fixed .body-inner .page-wrapper .page-inner .normal .section .level1 .unnumbered {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}
Run Code Online (Sandbox Code Playgroud)

我尝试了多种选择器组合,但我无法从800px的默认值中获得最大宽度。

出于测试目的,这是示例书本文档。

Eth*_*han 6

尝试这个:

.book .book-body .page-wrapper .page-inner {
  max-width: 1200px !important;
}
Run Code Online (Sandbox Code Playgroud)

  • @TheUnfunCat 一般来说,CSS 会进入你的工作目录。但这取决于您在 _output.yml 文件中所说的内容。我更喜欢将所有 CSS 文件收集在单独的文件夹中。所以我在 bookdown::gitbook 标题下写了“css: 'css/mystyle.css'”。 (2认同)