隐藏的空间/标签推动内容下降

这最近发生了，我不知道是什么造成这种情况。有些页面没问题，所以我尝试将代码复制到受影响的文件并将内容压下，两个文件具有相同的代码，其中一个文件被压下。我想也许它可能是文件格式，所以我尝试将编码更改为UTF-8，UTF-8没有BOM，ANSI。使用记事本++，CodeIgniter，XAMPP 3.1.0.3.1.0。隐藏的空间/标签推动内容下降

这就是我的意思 http://i37.tinypic.com/2cletz.png

它应该是这样的 http://i33.tinypic.com/2ypnpjp.png

检查在Chrome中的元素时出现在引号（可以通过点击删除节点删除并且它变成罚款） http://i36.tinypic.com/30bhchz.png

当在IE中查看源文件时显示为空格/制表符 http://i37.tinypic.com/2dj76fk.png

这样一个简单的HTML代码可能会导致此问题

<!DOCTYPE HTML > 
<html> 
<head> 
<title></title> 

</head> 

<body link="#294052" vlink="#294052" alink="grey" font="verdana" style="width:1407px"> 

<div id="header" style="height:100px;width:1407px;background-color:#294052;"> 

<div id="img" style="float:left;"> 
<img src="/e-com/images/logo.jpg" style="margin-left:130%;" /> 
</div> 
</div> 
</body> 
</html>

来源

2013-04-22 ethio

HTML标签之间的空格删除可能会解决您的问题。

其次，你有没有像这样的css文件html,body { margin:0px; padding:0px }？这将删除页面周围的白色边框。

最后，你的Chrome示例在正文中声明了一个title标记，该标记不在代码中（注意：标题应该在head之内）。

来源

2013-04-22 13:48:36 Aquillo

标题标记未显示，因为我的文章中的文本和代码之间没有新的界限。我已添加边距：0px;这并没有解决问题。我还检查了每一行末尾的空格，但没有空格。 – ethio 2013-04-22 14:41:57

与[小提琴]（http://jsfiddle.net/eFfBh/）我无法重现您的白线。但是，通过使用上面的代码行，我可以删除白色边框（注意“body”上的额外样式）。 – Aquillo 2013-04-22 14:59:11

隐藏的空间/标签推动内容下降

回答

相关问题