爲什麼「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。中部略低於基線。