css - HTML 中的奇怪间距

Question

我在开发 site 时遇到奇怪的问题.

我电脑上的任何浏览器都会在页面的某些元素上方添加一个间距(例如，在导航栏上方、导航栏中的下拉列表、容器等)。在 Chrome 开发者工具中，它显示为有一个奇怪的 text 元素(带空格的引号):

但在源代码中它显示没有它:

如果我从工具中删除引号，间距就会消失。

Javascript 或 PHP 无法添加引号(间距):它存在于我们注释所有脚本包含并禁用 .html 文件的 php 预处理(example)。CSS 无法添加此间距:例如对于导航栏，我们有规则:

.navbar {
  margin-top: 0;
}

我电脑上的所有浏览器都存在这个间距(在 Firefox、Chrome、IE 9 中测试过)。

此外，Firefox Dev Tool 不显示任何引号:

但在 Chrome 开发工具中引号所在的代码中添加了空格。

那么，它是什么？如何删除此间距(我不想使用负边距等难看的解决方案)？

请评论你的机器有这个问题吗？谢谢。

Answer 1

在我看来，这些空格是像   这样的“特殊空间”是一个。它们可能看起来像一个普通的空格字符，即使在文本编辑器中也是如此

查看生成 HTML 结构的代码。然后删除请求中的空格。使用空格键放回格式化空格。

---

编辑

仔细查看我的文本编辑器，我发现您的代码中有一个特殊的变音字符。

当您从 Notepad++ 编辑器查看我的屏幕时，在 < 的小于字符 ( <nav> ) 处有小“钩子(Hook)”和 <li>我标记为红色的标签。

不仅要删除空格，还要删除小于号 (<)，然后使用键盘重新输入。