佈局中經常見到垂直居中效果，爲實現良好的兼容性，PC端實現實現這一效果的方法一般是通過絕對定位，table-cell，負邊距等。CSS讓垂直居中的方法更加多樣化，接下來介紹幾種實現垂直居中的方法：
垂直居中效果：
html代碼：
外部div基礎CSS樣式：
1.絕對定位和負邊距
CSS：
2.絕對定位和0的結合
相較於第一種方法這種方法更適合用於移動端開發
3.table-cell方法
注意：此處類名爲.box2的div標籤是塊級元素，需轉換成行內元素text-align:center；才能生效
4.display:flex
5.display:flex和margin:auto
6.display:-webkit-box
7.translate
用css3的transform方法來實現的
有需要的可看下，大家有什麼更好的方法可在評論區分享