<div style="line-height:100px; height:100px;">
<span style="vertical-align:middle;">test</span>
</div>
只有vertical-align:middle
在跨度中指定时,上面的 html 才会产生与下面不同的结果。
<div style="height:100px;">
<span style="line-height:100px; vertical-align:middle;">test</span>
</div>
它在 chrome 和 firefox 上下降了 1px,在 ie8 上下降了 2px。
为什么不一样?