解决空白幽灵节点

空白幽灵节点是什么？

这个“空白节点”永远透明，不占据任何宽度，看不见也无法通过脚本获取，就好像幽灵一样，但又确确实实地存在，表现如同文本节点一样，因此，我称之为“幽灵空白节点”。

解决方法（重点记住前两个）

1、像图片一样的行内元素，让自元素img变成块级元素，因为幽灵空白节点只有行内块级元素才有。

2、保证父元素中所有的子元素只有一张图，没有其他的元素，可以让父元素的字号为0，font-size 本质上还是改变 line-height 值。

3、使用其他 vertical-align 值，针对行内元素默认使用的是 vertical-align:baseline，我们只要把他改成任意其他属性就行，比方说bottom/middle/top都是可以的。

4、直接修改 line-height 值，通过修改块级元素的行高，让实际文字（也就是我们的幽灵节点）计算出的高度不足这个高度就可以。比方说，我们设置行高5像素。