您当前的位置:网站首页>>建站资讯>>网站建设知识网站建设知识

如何去除网页顶部空白

点击数:73442014-12-27 15:13:52 来源: www.essj.cn

网页顶部出现白边,去除有以下几种方法:

  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的问题了

【文章如需转载请注明:转载自临朐天宇网络:http://www.essj.cn】
本文地址:http://www.essj.cn/web/n75.html
【作者:天宇网络】 返回顶端

工作日:9:00-21:00

邮箱498777887@qq.com