行内块元素空白幽灵产生的原因

行内块元素在水平与垂直方向会产生空白幽灵，原因如下：

水平空白幽灵：在两个行内元素之间使用了回车键或者空格键，这个回车键或者空格键或被修饰为一个空格键的大小，从而产生水平的空白幽灵

垂直空白幽灵：直接在一个行内元素里面写字母x，那么字母x的底部刚刚好贴到行内元素的底部吗？答案是不可能，因为，如果把字母x变成字母y，那么字母y整个的高度是大于字母x的，所以，产生的空白幽灵是为了给字母y的下部分留下位置来渲染。

解决方案：

　　1.父元素设置font-size：0px,元素本身在设置对应的字体大小

　　2.不使用行内元素，使用块元素代替

标签：幽灵,行内,字母,元素,空白,空格键
来源： https://www.cnblogs.com/babyone/p/15238234.html