为什么div与上部有空间（间隙）

Question

效果如下：

元素与父元素如下：

检查了，父元素的padding-top肯定是0的，子元素是一个span，display：inline-block
子元素与父元素之间的顶部有空隙是怎么回事？
望大神指教

我已找到了问题的解决办法：这里是文本对齐的问题：应该在span上加一个vertical-align:middle就可以了

Answer 1

1. 变成 top、bottom 都可以
2. font-size 变成0也可以
3. 不使用行内块变成块级也可以。

这个位置一般是和空格去对齐了。把所有空格都干掉也行。