代码中换行导致的空白符

页面忽然出现firebug都找不出来的空白间距

<p> <a>前端a> <a>蓝悦a> <a>博客a> <a>空白a> p> <p><a>代码a><a>写在有a><a>一行a><a>就不会a><a>有间距a>p>

代码换行和缩进本是用来提高可读性的但是内联元素换行会导致页面产生空白符。

解决方法：

1. 设置父元素font-size:0;（p{font-size:0;}）
2. 内联元素不进行代码缩进（页面发布的时候是肯定要压缩HTML代码的，所以只是减少一点可读性）

如果页面产生了莫名其妙的间距就去检查一下你的内联元素中是否有换行符吧！