设置span元素为display:inline-block出现上下错位问题

span元素为display:inline-block出现上下错位问题原因

1.同一行的行内元素对齐方式默认是底部对齐，即vertical-align：baseline

2.对于内容为空的inline-block元素而言，该元素的基线就是它的margin底边缘，否则就是元素的内部最后一行内联元素的基线

span元素为display:inline-block出现上下错位问题解决办法

vertical-align：top