如何更改 mdbook 中内容区域的宽度答案

【问题标题】：How to change width of content area in mdbook如何更改 mdbook 中内容区域的宽度
【发布时间】：2022-12-17 07:29:51
【问题描述】：

有人知道如何强制 mdbook 使用整个内容区域吗？目前左右有很大的余量，整个内容（尤其是表格）被严重压缩。

【问题讨论】：

【解决方案1】：

见https://github.com/rust-lang/mdBook/issues/1847

链接的完整引用：

宽度没有特定的设置。这样的事情应该有效：
:root {
    --content-max-width: 500px;
}
有几个 css 文件，您可以覆盖这些文件。 https://rust-lang.github.io/mdBook/format/theme/index.html 讨论文件，mdbook init --theme 会给你一份默认值。

【讨论】：

【解决方案2】：

sarema 的答案指向正确的解决方案，但仍有一个细节很重要。所以，对于其他对此问题感兴趣的人，这里是完整的解决方案：

在主 book.toml 文件中，您可以指定自定义 .css 文件：

[output.html]
additional-css = ["custom.css"]

在此 custom.css 文件中，您可以覆盖所有可用的 css 类，因为 sarema 已经发布：

:root {
  --content-max-width: 500px;
}

当您在 Web 浏览器中查看页面源代码时，您可以检查所有可用的 CSS 类。 https://rust-lang.github.io/mdBook/format/theme/index.html 给出了有关主要 .css 文件的概述，但为了获得详细信息，除了手动检查这些文件之外没有其他解决方案。因此，就我而言，我还更改了在页面源代码中找到的 .css 类的一些边距，如下所示：

:root {
  --content-max-width: 80%;
}

.chapter li.part-title {
  color: var(--sidebar-fg);
  margin-bottom: -5px;
  margin-top: 11px;
  font-weight: bold;
}

.chapter li.chapter-item {
  line-height: 1.5em;
  margin-left: 0.5em;
  margin-top: 0.6em;
}

希望这个描述对其他一些对 mdbook 的样式感到绝望的人有所帮助；）

【讨论】：