站长论坛

 找回密码
 注册
查看: 765|回复: 4

去除网页顶部的空白

[复制链接]
发表于 2015-2-6 15:32:23 | 显示全部楼层 |阅读模式
网页顶部出现一行25像素左右的白边,去除这条边线有以下几种方法:
  1.换个浏览器看看,有可能是代码兼容性的问题。
  2.检查HTML代码,看看<body>开始处是否不小心添加了<br />之类的换行代码,如果有的话你懂的,删掉它!
  3.检查JavaScript代码,看看有没有在顶部生成空白、\n换行符、或输出广告之类的操作,如果有的话就根据自己的需要修改JavaScript代码。
  4.在HTML代码的<head>标签内添加如下CSS代码:
  <style type="text/css">
  * {
    padding:0px;
    margin:0px;
  }
  </style>
  5.如果代码是复制来的话,那就需要检查一下所粘贴的代码中是否含有特殊字符,特别是版权符号和一些乱码符号,粘贴后最容易出现空白,大家要注意一下。
  6.如果上面的方法都解决不了,而且您确定您的代码没问题,那您遇到的可能是BOM的问题,这个问题曾经也困扰了我整整一个下午,BOM是什么?建议友友百度一下,了解一下比较好,下面是我从百度文库中找来的一些关于BOM的简要介绍:
    BOM隐藏字符简介:
      类似Windows自带的记事本等软件,在保存一个以UTF-8编码的文件时,会在文件开始的地方插入三个不可见的字符(0xEF 0xBB 0xBF,即BOM)。它是一串隐藏的字符,用于让记事本等编辑器识别这个文件是否以UTF-8编码。对于一般的文件,这样并不会产生什么麻烦。但对于 PHP来说,BOM是个大麻烦。
      PHP并不会忽略BOM,所以在读取、包含或者引用这些文件时,会把BOM作为该文件开头正文的一部分。根据嵌入式语言的特点,这串字符将被直接执行(显示)出来。由此造成即使页面的 top padding 设置为0,也无法让整个网页紧贴浏览器顶部,因为在html一开头有这3个字符呢!
    方法一:
      (1:使用Dreamweaver软件打开出现空白的网页文件,切换到[代码]模式,将光标定位到代码的开头,切换到[设计]模式,连按几次《backspace》删除键,将代码开头的那些空白删除;
      (2:修改-》页面属性-》标题/编码-》去掉【包含Unicode签名(BOM)(s)】前面的勾-》确定;
      (3:文件-》另存为-》去掉【包含Unicode签名(BOM)(s)】前面的勾-》保存;
    方法二:
      (1:使用UltraEdit软件打开出现空白的网页文件;
      (2:文件-》另存为-》选择格式为:【UTF-8-无BOM】的选项-》保存;
如果你使用的是PHP,那么估计你遇到的就是BOM的问题了,我当时就是被这个BOM折腾了一个下午|/_\|,Good Luck !
发表于 2015-5-19 12:47:50 | 显示全部楼层



   浮云啊  不是浮云吧。。
您需要登录后才可以回帖 登录 | 注册

本版积分规则

关闭

站长推荐上一条 /2 下一条

快速回复 返回顶部 返回列表