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

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

  • 文件的编码或元标记本身有问题。但我的情况并非如此,因为我确保我的所有文件都是用UTF 8(无BOM)编码的。

  • 文档中的随机非法字符。我试着通过SPUDO二分法搜索来找到它(删除一半的文档,什么也没有找到?继续另一半),但在两种情况下仍有问题。

  • 问题来自外部文件。唯一篡改此文件的文件也采用UTF 8编码(无BOM),且不显示任何非法字符。

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

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

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

这是原始内容的粘贴盒:

http://pastebin.com/tQthe5pv

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

推荐答案

这是一个奇怪的问题,但现在开始:

在我的工作中进行了几个小时的故障排除后,我设法隔离了问题。它来自名为"database ase.php"的文件。

显然,每次调用数据库时,都会在文件中创建某种非法字符(可能是由于错误的编码?我不知道,我很确定我是在没有bom的情况下用utf-8编码的文件)。

我通过从头开始并手动复制每一行来修复该问题。此后我再也没有遇到过这个问题。

这篇关于Body元素中的随机空白的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持编程学习网!

本文标题为:Body元素中的随机空白

基础教程推荐