                        課程
                    
                        /前端開發(fā)
                        
                            /HTML/CSS
                        
                        /CSS深入理解之vertical-align

還是有點(diǎn)沒懂為什么使用vertical-align：middle必須在父級(jí)元素上使用line-height？

慕哥5385412

2016-01-12

源自：CSS深入理解之vertical-align 5-1

關(guān)注問題我要回答

7637

操作

收起

2 回答

隨波逐流肖哥
2018-04-21

vertical-align? 對(duì)的中線是無替換元素 x 的中線位置，設(shè)置line-height 之后，x會(huì)在中間，x的中線也是在最中間，這樣的話元素的中部就于x的中線對(duì)齊也就垂直居中了

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

慕仰1028572
2016-01-16

從定義上說，vertical-align: middle是當(dāng)前元素的中心點(diǎn)與父元素基線往上1/2X高度對(duì)齊（一般理解的基線就是X的下邊緣），如果父元素不設(shè)置行高或者行高設(shè)為0，父元素的高度沒有撐開，那如何定位父元素基線的位置呢？一般來說，父元素設(shè)置行高，比如line-height: 100px，子內(nèi)聯(lián)元素設(shè)置vertical-align: middle，就可以實(shí)現(xiàn)內(nèi)聯(lián)元素的垂直居中效果。