垂直居中

刚在慕课上看到这段视频代码：
搬砖啊～～～哈哈～～～

        position: absolute;
        width: 100%;
        top: 50%;
        left: 0;
        text-align: center;
-webkit-transform:translateY(-50%);

意为：绝对定位，上边居中50%，然后Y轴平移该元素的一半