pydata-sphinx-theme 0.13版本行内代码CSS右侧填充异常求助

我在开发pydata-sphinx-theme 0.13版本时遇到一个CSS问题：行内代码会向右延伸出多余空白区域，右侧空白也被识别为行内代码的一部分。

对应HTML源码（原始格式） #

<li class="toc-h2 nav-item toc-entry"><a class="reference internal nav-link" href="#the-gallery-grid-directive">The <code class="docutils literal notranslate"><span class="pre">gallery-grid</span></code> directive</a></li>

问题效果截图 #

可能的原因排查方向 #

• 检查<code class="docutils literal notranslate">或内部<span class="pre">的CSS属性：是否设置了width/min-width强制宽度，或padding-right值过大，导致元素被拉长。
• 查看display属性是否异常：比如误设为block/inline-block后，父容器布局挤压使元素宽度超出内容。
• 排查white-space相关规则：如果行内代码设置了white-space: nowrap，结合父容器的text-overflow或布局限制，可能导致元素强制拉伸填充空间。
• 检查父元素布局：.nav-link这类父容器如果用了flex布局，且行内代码被设置为flex: 1，会让它自动填充剩余空间，这是常见的触发原因。

需要补充的CSS信息（方便进一步定位） #

• .docutils.literal.notranslate和.pre的完整CSS规则
• 父元素.nav-link的布局相关属性（如display、flex、width等）

内容的提问来源于stack exchange，提问作者Pierrick Rambaud