css - vertical-align中描述的, 父級的基線, 指的是行框的基線嗎?
問題描述
MDN原話: Aligns the baseline of the element with the subscript-baseline of its parent.我只知道每個行內(nèi)框都有四條線, 但是行框也有嗎?照我的理解, 先有行內(nèi)框, 后有行框, 再有對齊.行框高度根據(jù)最大行內(nèi)框的高度來決定.那讓最大行內(nèi)框的vertical-align等于top不就會遠(yuǎn)遠(yuǎn)超出行框了嗎?顯然這是錯的.所有想弄明白, vertical-align到底是如何依據(jù)行框來對齊的. 或者根本不是依據(jù)行框來對齊
問題解答
回答1:我只想說這個屬性是比較神奇的一個屬性,規(guī)范上說的也比較疑惑。你說的沒錯,linebox 的高度是由最大的inline box決定的。假如只有一個inline元素,比較好理解吧,按照四線就可以得到baseline線位置。那么,假如在一行有兩個inline box,這時baseline的位置就比較有意思,比較經(jīng)典的垂直居中就有用到這個屬性 vertical-align:middle 。假如有三個甚至更多inlinebox呢?
我可能也解釋不清楚,給你一個鏈接: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...可以看下這里的解釋
