如何将 ReadTheDocs Sphinx 主题的文本对齐方式更改为 'justify'?
How can I change text justification to 'justify' for the ReadTheDocs Sphinx theme?
我正在用 reST 为我的项目编写新文档。文档在 ReadTheDocs 上使用 Sphinx 呈现。我已经将 ReadTheDocs 主题作为 git 子模块下载到我的存储库 docs/source/_themes
文件夹中,因此我可以修改一些模板或 CSS 设置。
我想将大段落的文本对齐方式从右对齐更改为完全对齐。
CSS几百行的代码,哪里可以修改他?
文档结构:
...
<div class="section" id="basic-2-flip-flop-synchronizer">
<h2>Basic 2 Flip-Flop Synchronizer</h2>
<p>The 2 flip-flop ....
</p>
</div>
CSS 要包含或替换为的代码:
text-align:justify;
我在 10 年前使用过 CSS,但我并不是真正了解新的 CSS 选择器的最新信息...
可以直接修改docs/source/_themes
里面的css
文件,添加下面的块
.section #basic-2-flip-flop-synchronizer{
text-align:justify;
}
我建议将此代码块放在 css
文件的最后,因为如果 .section #basic-2-flip-flop-synchronizer
恰好出现在文件中的某处,它将覆盖 css 属性 css 文件。
就像@Ricardo Ruiz Melendez 在下面建议的那样,更改 css
文件的最佳做法是使用自定义的 css
文件。您可以找到分步指南 here and some on official website
我正在用 reST 为我的项目编写新文档。文档在 ReadTheDocs 上使用 Sphinx 呈现。我已经将 ReadTheDocs 主题作为 git 子模块下载到我的存储库 docs/source/_themes
文件夹中,因此我可以修改一些模板或 CSS 设置。
我想将大段落的文本对齐方式从右对齐更改为完全对齐。
CSS几百行的代码,哪里可以修改他?
文档结构:
...
<div class="section" id="basic-2-flip-flop-synchronizer">
<h2>Basic 2 Flip-Flop Synchronizer</h2>
<p>The 2 flip-flop ....
</p>
</div>
CSS 要包含或替换为的代码:
text-align:justify;
我在 10 年前使用过 CSS,但我并不是真正了解新的 CSS 选择器的最新信息...
可以直接修改docs/source/_themes
里面的css
文件,添加下面的块
.section #basic-2-flip-flop-synchronizer{
text-align:justify;
}
我建议将此代码块放在 css
文件的最后,因为如果 .section #basic-2-flip-flop-synchronizer
恰好出现在文件中的某处,它将覆盖 css 属性 css 文件。
就像@Ricardo Ruiz Melendez 在下面建议的那样,更改 css
文件的最佳做法是使用自定义的 css
文件。您可以找到分步指南 here and some on official website