垂直居中

父元素 {-webkit-transform-style: preserve-3d;}

子元素 {position: relative;
                 top: 50%;
                 -webkit-transform: translateY(-50%);
                 -ms-transform: translateY(-50%);
                 transform: translateY(-50%);}