首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >如何更改mdbook中内容区域的宽度

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

Stack Overflow用户
提问于 2022-08-31 12:15:43
回答 2查看 75关注 0票数 1

有人知道如何强制mdbook使用整个内容区域吗?目前有一个大的左、右标号,整个内容(特别是表格)都被压缩得很重:

EN

回答 2

Stack Overflow用户

发布于 2022-08-31 15:43:47

请参阅https://github.com/rust-lang/mdBook/issues/1847

链接中的全部引文:

没有特定的宽度设置。像这样的事情应该有效:

根{-内容-最大宽度:500 max;}

有几个css文件,您可以重写这些文件。https://rust-lang.github.io/mdBook/format/theme/index.html讨论这些文件,mdbook init --theme将给您一个默认值的副本。

票数 2
EN

Stack Overflow用户

发布于 2022-09-06 05:40:46

sarema的答案精确到正确的解,但仍然有一个细节是重要的。因此,对于参与这个问题的其他人来说,这里有一个完整的解决方案:

在主book.toml文件中,可以指定一个自定义.css文件:

代码语言:javascript
复制
[output.html]
additional-css = ["custom.css"]

在这个custom.css文件中,您可以覆盖所有可用的css类,就像sarema已经发布的那样:

代码语言:javascript
复制
:root {
  --content-max-width: 500px;
}

当您查看web浏览器中的页面源时,可以检查所有可用的css类。https://rust-lang.github.io/mdBook/format/theme/index.html概述了主要的.css文件,但是为了获得详细信息,除了手工检查这些文件之外,没有其他解决方案了。因此,在我的例子中,我还改变了我在页面源代码中找到的.css类的一些空白,如下所示:

代码语言:javascript
复制
: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的样式感到绝望的人是有帮助的;)

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

https://stackoverflow.com/questions/73555768

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档