我只知道每个行内框都有四条线, 但是行框也有吗?照我的理解, 先有行内框, 后有行框, 再有对齐.行框高度根据最大行内框的高度来决定.那让最大行内框的vertical-align等于top不就会远远超出行框了吗?显然这是错的.所有想弄明白, vertical-align到底是如何依据行框来对齐的. 或者根本不是依据行框来对齐
ringa_lee
我只想說這個屬性是比較神奇的一個屬性，規範上說的也比較疑惑。 你說的沒錯，linebox 的高度是由最大的inline box決定的。假如只有一個inline元素，比較好理解吧，依照四線就可以得到baseline線位置。 那麼，假如在一行有兩個inline box，這時baseline的位置就比較有意思，比較經典的垂直居中就有用到這個屬性 vertical-align:middle 。 假如有三個甚至更多inlinebox呢？
我可能也解釋不清楚，給你一個連結：Vertical-Align: All You Need To Know - Christopher Aue
望採納。
1、vertical-align這屬性只在行內元素有效，是內框（display:inline;）有效，在行內框(display:inline-block;)和行框(display:block;)是不起作用的2、http://blog.sina.com.cn/s/blo...可以看這裡的解釋
我只想說這個屬性是比較神奇的一個屬性，規範上說的也比較疑惑。
你說的沒錯，linebox 的高度是由最大的inline box決定的。假如只有一個inline元素，比較好理解吧，依照四線就可以得到baseline線位置。
那麼，假如在一行有兩個inline box，這時baseline的位置就比較有意思，比較經典的垂直居中就有用到這個屬性 vertical-align:middle 。
假如有三個甚至更多inlinebox呢？
我可能也解釋不清楚，給你一個連結：Vertical-Align: All You Need To Know - Christopher Aue
望採納。
1、vertical-align這屬性只在行內元素有效，是內框（display:inline;）有效，在行內框(display:inline-block;)和行框(display:block;)是不起作用的
2、http://blog.sina.com.cn/s/blo...可以看這裡的解釋