HTML中的奇怪间距

Question

我在开发网站时遇到了奇怪的问题.

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

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

如果我从工具中删除引号,则间距消失.

这个引号(间距)不能通过Javascript或PHP添加:它存在它我们评论所有脚本包括并禁用.html文件的php预处理(示例).这个间距不能通过CSS添加:例如对于navbar我们有规则:

.navbar {
  margin-top: 0;
}

我的计算机上的所有浏览器都存在间距(在Firefox,Chrome,IE 9中测试).

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

但在Chrome开发工具中引用的位置代码中添加间距.

那么,它是什么？如何删除这个间距(我不想使用像负边距这样丑陋的解决方案)？

请评论您的机器上有这个问题吗？谢谢.

Answer 1

在我看来,空间是"特殊空间"就像 是一个.它们可能看起来像普通的空格字符,即使在文本编辑器中也是如此

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

编辑

仔细观察我的文本编辑器,我意识到,你的代码中有一个特殊的变音字符.

当你从Notepad ++编辑器中查看我的屏幕时,在标记为红色的标记的小于字符(<)处有小的"钩子" .<nav><li>

不要只删除空格,删除小于字符(<)并使用键盘重新键入.