为什么“垂直对齐：中间”将文本推到周围文本下方？

Question

例如。

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

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

http://jsfiddle.net/zBy9D/

Answer 1

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

关于为什么middle低于baseline，MDN 说如下：

中间

将元素的中间与父级中小写字母的中间对齐。

由于字体文本的高度大于小写字母的高度，因此文本变得略低。