Body元素中的随机空白-前端问题

Random white space in body element(Body元素中的随机空白)

本文介绍了Body元素中的随机空白的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

我总结了一个以前从未出现过的问题：Body元素中有一个空格("")。

很明显，这个小东西扰乱了整个布局，最重要的是，它实际上是将头部的代码转储到正文中。

即：

而不是(当浏览器呈现页面时)：

<html>
    <head>
            <meta charset="utf-8">
            <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, target-densitydpi=medium-dpi, user-scalable=0" />

            <script src="aHR0cDovL2FqYXguZ29vZ2xlYXBpcy5jb20vYWpheC9saWJzL2pxdWVyeS8xLjguMi9qcXVlcnkubWluLmpz"></script>
            <script src="aHR0cDovL2NvZGUuaGlnaGNoYXJ0cy5jb20vaGlnaGNoYXJ0cy5qcw=="></script>
            <script src="aHR0cDovL2NvZGUuaGlnaGNoYXJ0cy5jb20vbW9kdWxlcy9leHBvcnRpbmcuanM="></script>
            <script src="U2NyaXB0cy9qc29uMi5qcw=="></script>

            <!-- Stylesheets -->
            <link rel="stylesheet" type="text/css"
            href="css/desktop.css" />
...
</head>

我有这个：

<html>
    <head></head>
<body>
" " <!-- Here's the problem! -->
<! --Entire metas, scripts and whatnot is going here, too. 
Probably because of that white space! -->

我真的很困惑是什么导致了这个问题……在过去的两个小时里，我一直在网上寻找谷歌上的每一个链接，但堆栈溢出都没有多少成功...

我找到的大多数建议(但对我没有帮助)如下：

文件的编码或元标记本身有问题。但我的情况并非如此，因为我确保我的所有文件都是用UTF 8(无BOM)编码的。
文档中的随机非法字符。我试着通过SPUDO二分法搜索来找到它(删除一半的文档，什么也没有找到？继续另一半)，但在两种情况下仍有问题。
问题来自外部文件。唯一篡改此文件的文件也采用UTF 8编码(无BOM)，且不显示任何非法字符。

如果有人对如何解决这个问题有建议，我将不胜感激。遗憾的是，这不是我的项目，因此我对正在发生的情况进行故障排除的能力有限/无法恢复到较旧的状态。

此外，这不涉及到任何css(这不是简单的填充或任何东西)。

以下是显示问题的屏幕截图：

这是原始内容的粘贴盒：

http://pastebin.com/tQthe5pv

更新：源文件的doctype前面现在没有空格，并且仍在处理该问题。

问题描述

推荐答案