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="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
            <script src="http://code.highcharts.com/highcharts.js"></script>
            <script src="http://code.highcharts.com/modules/exporting.js"></script>
            <script src="Scripts/json2.js"></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! -->

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

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