vertical-align: middle在w3school上的解释为将元素放置在父元素的中部，代码语义上也确实吻合这一解释。但是翻阅w3c文档时，上面的解释是这样的：
Align the vertical midpoint of the box with the baseline of the parent box plus half the x-height of the parent.
将元素的垂直中点与父系元素的基线加上半高对齐。
[ 见 http://www.w3.org/wiki/CSS/Properties/vertical-align ]
这就和w3school的解释不同了，基线不是底线啊，所以按照w3c的解释，vertical-align: middle的元素垂直中线与父系元素的垂直中线还差个父系元素底线与基线之间的距离呢啊~
不过实际测试时，感觉w3school的解释是正确的，但是w3c文档才是权威啊~我现在整个人都拧巴了~
Align the vertical midpoint of the box with the baseline of the parent box plus half the x-height of the parent.
将元素的垂直中点与父系元素的基线加上半高对齐。
[ 见 http://www.w3.org/wiki/CSS/Properties/vertical-align ]
这就和w3school的解释不同了，基线不是底线啊，所以按照w3c的解释，vertical-align: middle的元素垂直中线与父系元素的垂直中线还差个父系元素底线与基线之间的距离呢啊~
不过实际测试时，感觉w3school的解释是正确的，但是w3c文档才是权威啊~我现在整个人都拧巴了~
1
Select Language