Question

我有一个页面，其样式在Chrome中搞砸了（Safari和其他人没问题）。它似乎插入了HTML中的一些奇怪的空格，这会破坏我在页面顶部和其他地方的布局。如果我选择查看我的PHP页面的来源，我看到的是：

<body><div id="header-outer">
<div id="header" class="container">
    <div class="row">
        <div id="site-logo" class="span5">
            <img src='logo.png' />
        </div> ... etc ...

（我修改了PHP，在BODY和DIV之间没有任何空间）。但是，当我打开开发人员工具时，我看到的是：

<body>
    "" <- why?
    <div id="header-outer> etc. etc..

如果我手动删除“”，布局就可以了。这里发生了什么？我很困惑。

编辑：您可以在http://bit.ly/ZkZxVG看到该页面编辑：我尝试停用所有扩展程序，但对我的问题没有影响。

提示：我正在使用bootstrap和JQuery。他们可能会乱用代码吗？

Answer 1

这真的很奇怪，你的文件中可能有一些不受欢迎的字符，尝试删除<body><div id="header-outer">并重写它。

尝试使用utf8对文件进行编码也没有BOM，看看它是否能解决问题。

关于utf8 BOM here的更多信息。

Answer 2

修改

这不是白色空间，它们必须是那里的物理包机。这可能不会显示在您的屏幕上，只需按下删除和退格键，直到您的标记中有下一个元素。

HTML中的空格被浏览器完全忽略，它不会渲染它。查看Firebug，您在编辑项目时会渲染""。

Chrome会随机插入空格

2 个答案: