方法1、這個方法把一些 div 的顯示方式設置為表格，因此我們可以使用表格的 vertical-align 屬性。

#wrapper {   //代表父元素
    display: table;
}

#cell {   //代表子元素，裏面可放內容
    display: table-cell;
    vertical-align: middle;
}

方法2、使用絕對定位的 div，transform: translate(-50%, -50%)

.wrapper1{ //父元素 相對定位
position: relative;
height: 240px;
width:100px;
}
.content { //子元素 絕對定位
position: absolute;
top:50%;
left:50%;
margin: auto;
-webkit-transform: translate(-50%,-50%);
}

css實現垂直居中的幾種方法