页面上出现不在 HTML 源代码中的换行符 [关闭]答案

【问题标题】：Line breaks appearing on page that aren't in HTML source [closed]页面上出现不在 HTML 源代码中的换行符 [关闭]
【发布时间】：2018-12-02 03:27:47
【问题描述】：

在呈现不在我的源代码中的 DOM 时会出现换行符，将内容推到不合适的位置。为什么？我该如何解决这个问题？这是我的代码：

<div class="float-left" style="position:relative;left:15px">
    <h2 style="color:#323C41;margin-bottom:0;">A New Hope</h2>
    <p style="color:#323C41;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus vehicula nisl at hendrerit ornare. Ut non ipsum urna. Praesent non.</p>
</div>

当我在 Chrome 中检查页面时，它会显示：

<div class="d-flex justify-content-center align-items-center bg-grey-kr fg-navy-kr secondary">
    <br>
    <img src="/images/testers/rebels.png" alt="Rebel symbol" class="rebel"><br>    <div class="float-left" style="position:relative;left:15px">
    <br>        
    <h2 style="color:#323C41;margin-bottom:0;">A New Hope</h2>
    <br>        
    <p style="color:#323C41;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus vehicula nisl at hendrerit ornare. Ut non ipsum urna. Praesent non.</p>
    <br>    
</div>

这导致我的页面如下所示：

当我删除换行符时，我看到了预期的结果：

感谢您查看此内容。我搜索了一上午，找不到答案。如果很明显，请提前道歉！

【问题讨论】：

我们需要看到minimal reproducible example 才能相信会发生这种情况。
我应该提供页面的完整代码吗？我不知道为什么会这样，所以我不确定如何复制它。我试图用尽可能少的代码来解释问题，同时对我正在做的事情保持透明。

标签： html bootstrap-4 markdown hexo

【解决方案1】：

问题来自于从 Hexo 工具直接将 HTML 代码添加到我的“新页面”中。 Hexo 是一个将 Markdown 文件编译成静态、实时页面的博客工具。每当我按回车键在新行上编写代码时，Markdown 就好像我在文本编辑器上按回车键一样。将代码全部移到一行解决了这个问题。

无法在网上找到答案，但当我找到答案时，我想在此处发布以提高知名度。

【讨论】：

啊，这就是你停下来的地方。如果您告诉过您使用的是 Markdown，那么每个双行空格都是一个段落...