Fatal编程技术网
  • html/
  • Html 神秘的双引号导致我的网站顶部出现空白

Html 神秘的双引号导致我的网站顶部出现空白

html

Html 神秘的双引号导致我的网站顶部出现空白,html,space,double-quotes,Html,Space,Double Quotes,我有一个简单的html： <html lang="fr"> <head> <title> test </title> </head> <body> <div id="container" style="height:100%;width:100%;overflow:hidden;"> </div&

我有一个简单的html：

<html lang="fr">
    <head>
        <title>
            test
        </title>
    </head>
    <body>
        <div id="container" style="height:100%;width:100%;overflow:hidden;">
        </div>
    </body>
</html>
加上引号（不要介意后面巨大的黑线，它只是背景）：

不加引号：

在评论中说，尝试将编码转换为UTF8。如果不起作用，请尝试添加unix EOL。我遇到了这个问题，它解决了：）

在我的例子中，它就像我用json编码的一些空文本，所以它在页面中显示了
”
，我在深入调试代码后理解了这一点

尝试删除
和
之间的所有内容，就像
我说我已经删除了任何换行符和空格，它只会在正文后加上（“”），这也会导致空白。你真的看到了页面上的引号，还是那些仅仅出现在DOM检查器中的引号，表示空文本块？这只是检查员引用元素的文本内容。我注意到，将编码为UTF8 wBOM的html文件转换为UTF8 wBOM，将EOL转换为unix解决了问题！ 
<html lang="fr">
    <head>
        <title>
            test
        </title>
    </head>
    <body>
        "

        "
        <div id="container" style="height:100%;width:100%;overflow:hidden;">
        </div>
    </body>
</html>

  ---------------------------------------------------------------------