Head中的link、meta、的元素跑到body里面去、页面头部空白行的解决方法

出现的症状:

  1. 页面头部多出10px左右的空白行
  2. 查看元素head中的元素跑到body标签里面去了,查看源代码是正常的。

原因:

  1. 文件编码不一致或utf-8文件包含BOM标记
  2. BOM头:\xEF\xBB\xBF,PHP脚本4、5尚对BOM无视,所以在解析前直接输出。

解决方法:

  1. 用Notepad ++、Notepad2、UltraEdit等将文件全部另存为 utf-8 无BOM 编码格式文档

“Head中的link、meta、的元素跑到body里面去、页面头部空白行的解决方法”的22个回复

  1. 找了很久,找不出原因,用各种排除法,用各种查资料。
    当找你方法,保存为utf-8无bom格式时,问题得到解决。谢谢 😀

  2. 正准备建博客的时候,在本地搭建wordpress测试了主题,结果顶部多出了20px,害得我整了2天的时间,结果终于搞清楚了,原来就是编码的问题,还以为html+css水平没过关呢,真是害死我了呀 😥

发表评论

电子邮件地址不会被公开。 必填项已用*标注