为什么给img标签加vertical-align:middle，前后的span会移动垂直对齐，而图片没动？

Question

img{vertical-align:middle;}

<span>一个内联2</span>

<img src="i6.png"/>

<span>一个内联3</span>

Answer 1

vertical-align:middle的意义：元素的垂直中心点和父元素基线上1/2高度对齐，也就是，基线提高了，所以span就上去了。至于什么是基线，就像英语本的那条红线一样。可以看看http://www.imooc.com/learn/542