1、如果只有一行元素，設定text-align:center;line-height=容器高度；
2、如果有多行元素
步驟一：給容器加上text-align:center;
步驟二：給當前元素轉成行內塊元素（display:inline-block;）再給當前元素加上vertical-align:middle;
步驟三：在當前元素的後面（沒有回車）加上同級元素span;並對span進行vertical-align:middle;width:0;height:100%;display:inline-block 。
設定乙個元素垂直居中
1 如何設定乙個元素垂直居中？1 如果是單行文字 設定line height等於height 實現垂直居中 2 如果是高度已知的元素，並且還要使用絕對定位position absolute，使top 50 margin top 元素一半高度的負值。3 給元素開啟絕對定位，設定元素的margin au...
如何垂直居中乙個元素
前兩天剛寫完如何水平居中乙個元素，今天把垂直的情況補上。相比於水平居中，垂直居中的情況就少多了。1 行級元素的垂直居中 這種情況比較簡單，只需要設定line height和height相等即可，也沒什麼可延伸的。2 塊級元素的垂直居中 2.1 父元素高度不固定 其實我認為這種情況不用討論，正常情況下...
如何垂直居中乙個元素
前兩天剛寫完如何水平居中乙個元素，今天把垂直的情況補上。相比於水平居中，垂直居中的情況就少多了。1 行級元素的垂直居中 這種情況比較簡單，只需要設定line height和height相等即可，也沒什麼可延伸的。2 塊級元素的垂直居中 2.1 父元素高度不固定 其實我認為這種情況不用討論，正常情況下...