导致页面顶部空白一行解决方法

最近在做一个项目的前端页面的时候，好几个页面都出现顶部莫名多出一定高度的空白，查看自己写的样式又没有添加这样的样式。查看审查元素的时候发现多出一个这样的编码，仔细看自己做的页面中又没有这样的一行，怎么解决这个问题？来看看我的解决方法吧。

工具/原料

• sublime

• 电脑

方法/步骤

1. 1、如图所示。页面中的可见控制符导致页面顶部出现的一个有高度的空白处。这样导致我做的nav部分的内容不居中。为什么会出现这个可见控制符？

   

2. 2、经过多方查询，原来是我们保存页面的时候保存成了UTF-8 + BOM编码方式，PHP不会忽略BOM,会把它显示出来。知道原因后我们就知道怎么解决了。

3. 如下图所示，是我所用的编辑器中保存成UTF-8的方式。这样保存一下，再打开页面时，这个就消失了。

   

   END

注意事项

• 我是在已经生成的php页面中出现这种情况的

• html文件也能用此方法，可以尝试一下。