隐藏空格/标签推送内容

时间:2013-04-22 13:41:41

标签: html css

这最近发生了,我真的不知道是什么导致了这一点。有些页面很好,所以我尝试将代码复制到受影响的文件上,内容被按下,两个文件具有相同的代码,其中一个文件被下推。我想也许它可能是文件格式,所以我尝试将编码更改为UTF-8,UTF-8没有BOM,ANSI。使用notepad ++,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>

1 个答案:

答案 0 :(得分:2)

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

其次,你有这样的css html,body { margin:0px; padding:0px }吗?这将删除页面周围的白色边框。

最后,您的Chrome示例在正文中指明了title标记,该标记不在代码中(注意:标题应位于head中)。