使用 Markdown 时如何更正脚注中多余的新行？答案

【问题标题】：How can I correct superfluous new lines in footnotes when using Markdown?使用 Markdown 时如何更正脚注中多余的新行？
【发布时间】：2018-04-15 16:03:25
【问题描述】：

我正在使用 Jekyll 静态网站生成器和 Kramdown 在我的网站上呈现用 Markdown 编写的文章。脚注在 Sublime 文本编辑器的预览中显示良好（数字旁边的文本），但在网站上时有新行。

比较 Website Image 与 Preview Image.

这是我正在使用的带有语法的文章：

关于朋友的合理定义：

Proposition 1 ：A 被视为 B 的朋友的最低必要条件是 A 在 B 需要帮助时提供帮助，只要 A 知道 B 需要帮助并且它在A 提供帮助的能力。 [^澄清1][^确实

[^clarification1]：为了澄清，任何反对的人命题 1 必须坚持 A 可以始终拒绝帮助 B（当 B 有需要并且 A 有能力提供帮助时）损害他/她自己的利益），但仍是 B 的朋友。

【问题讨论】：

你能把上面两张图片中部分的HTML源代码贴出来吗？
这肯定是一个css问题。但是没有代码是无法调试的。
由于代码是自动生成的，即使我钻研代码并调试它，下次它也会喷出相同的旧自动生成代码，对吗？大约一年前脚注还不错，我没有对软件进行任何更改，现在它们的渲染不正确。这会发生吗？

标签： github markdown jekyll footnotes

【解决方案1】：

查看您生成的代码。

在我的 jekyll/kramdown 版本中，我得到...

<div class="footnotes">
    <ol>
       <li id="fn:1">
          <p>Your footnote text</p>
       </li>
    </ol>
</div>

因此，您可以在您的 css 中添加：

.footnotes > ol > li > p {
    display: inline;
}

上面的 CSS 将停止 p 标签，仅在有序列表元素中的脚注类之后，不换行。

【讨论】：