暫時先不討論復(fù)合元素的垂直居中扮惦,本文分析單純的行內(nèi)元素的垂直居中婆排。
屬性:vertical-align: middle膘掰。
方法1: 改變文字的line-height達(dá)到垂直居中目的邪财。
啟示:如果要垂直居中一個行內(nèi)元素袭灯,那么可以添加一個元素,讓它的line-height 等于父元素的高度姥份。
方法2郭脂、利用偽元素進(jìn)行圖片的垂直居中,添加一個偽元素澈歉,使它的vertical-align:minddle;使它的height等于父元素的高度展鸡。
html
css
方法3、借助absolute定位和margin: auto闷祥。
css