为什么“vertical-align：middle”会在文本周围推送文字？

Question

例如

1234<span style="vertical-align: middle">567</span>890

将567呈现略低于周围数字。

http://jsfiddle.net/zBy9D/

Answer 1

正如其他人所提到的，默认情况下，元素的vertical-align为baseline。

关于middle低于baseline的原因，MDN说明如下：

  

<强>中间

     

将元素的中间与小写的中间对齐   父母的信件。

由于字体文本的高度大于小写字母的高度，因此文本会略低一些。

Answer 2

这是因为默认情况下，文字vertical-align: baseline。中部略低于基线。