還是有點沒懂為什么使用vertical-align：middle必須在父級元素上使用line-height？
還是有點沒懂為什么使用vertical-align：middle必須在父級元素上使用line-height？
慕哥5385412
2016-01-12
2 回答
舉報
0/150
提交
取消
2018-04-21
2016-01-16
從定義上說，vertical-align: middle是當(dāng)前元素的中心點與父元素基線往上1/2X高度對齊（一般理解的基線就是X的下邊緣），如果父元素不設(shè)置行高或者行高設(shè)為0，父元素的高度沒有撐開，那如何定位父元素基線的位置呢？一般來說，父元素設(shè)置行高，比如line-height: 100px，子內(nèi)聯(lián)元素設(shè)置vertical-align: middle，就可以實現(xiàn)內(nèi)聯(lián)元素的垂直居中效果。