MkDocs-with-pdf 警告图标在 pdf 中的错误位置

Question

我想编写一本同时输出为 html 和 pdf 文件的手册。我正在使用 MkDocs 材料和插件 mkdocs-with-pdf。这对于我想到的一切都非常有效，但是 pdf 文件中的警告图标位于错误的位置，在 html 文件中一切正常。

pdf html 中

我尝试使用 extra.css 将图标强制到左侧，但这不起作用。

额外.css：

.admonition-icon {
    float: left; 
    margin-right: 3px; 
}

.md 文件：

<div class="admonition warning">
<p class="admonition-title">Caution</p>
<p>Insert text here</p>
</div>

我可以在我的 .md 文件中执行此操作吗？或者您还有其他想法吗？我的 extra.css 可能写错了。

我希望得到帮助:)

Answer 1

对于任何仍在搜索的人，我用下面的额外 CSS 修复了它。我在浏览器中的检查工具的帮助下找到了解决方案。

.md-typeset .admonition-title::before {
  left: 0.5rem;
  top: 0.7rem;
}