問(wèn)題描述

MDN原話: Aligns the baseline of the element with the subscript-baseline of its parent.

我只知道每個(gè)行內(nèi)框都有四條線, 但是行框也有嗎?照我的理解, 先有行內(nèi)框, 后有行框, 再有對(duì)齊.行框高度根據(jù)最大行內(nèi)框的高度來(lái)決定.那讓最大行內(nèi)框的vertical-align等于top不就會(huì)遠(yuǎn)遠(yuǎn)超出行框了嗎?顯然這是錯(cuò)的.所有想弄明白, vertical-align到底是如何依據(jù)行框來(lái)對(duì)齊的. 或者根本不是依據(jù)行框來(lái)對(duì)齊

問(wèn)題解答

回答1：

我只想說(shuō)這個(gè)屬性是比較神奇的一個(gè)屬性，規(guī)范上說(shuō)的也比較疑惑。你說(shuō)的沒(méi)錯(cuò)，linebox 的高度是由最大的inline box決定的。假如只有一個(gè)inline元素，比較好理解吧，按照四線就可以得到baseline線位置。那么，假如在一行有兩個(gè)inline box，這時(shí)baseline的位置就比較有意思，比較經(jīng)典的垂直居中就有用到這個(gè)屬性 vertical-align:middle 。假如有三個(gè)甚至更多inlinebox呢？

我可能也解釋不清楚，給你一個(gè)鏈接：Vertical-Align: All You Need To Know - Christopher Aue

望采納。

回答2：

1、vertical-align這屬性只在行內(nèi)元素有效，是內(nèi)框（display:inline;）有效，在行內(nèi)框(display:inline-block;)和行框(display:block;)是不起作用的2、http://blog.sina.com.cn/s/blo...可以看下這里的解釋