如何在 rtd sphinx 中将网站内容（正文和导航栏）居中？

Question

我正在使用 Sphinx 文档的阅读文档主题创建文档。我试图将整个网页（主体和左侧导航栏）居中，这样，如果窗口的宽度增加，左侧和右侧的边距也会同等增加。目前，所有内容都固定在屏幕左侧。

我对 css 样式表做了一些实验，发现通过将所有“margin:0”实例替换为“margin:0 auto”，正文会移至中心对齐。但是，导航栏仍然锁定在屏幕左侧。关于如何执行此操作有什么建议吗？我对 html 和 css 的经验很少。如果有需要我可以上传文件。

Answer 1

这似乎对我有用。

@media screen and (min-width: 1100px) {
    .wy-nav-side,
    .wy-grid-for-nav {
        margin-left: calc(((100vw - 1100px) / 2));
    }
    .wy-nav-content-wrap {
        background: none;
    }
    .wy-body-for-nav {
        background: rgba(0, 0, 0, 0.05);
    }
}