今天面试遇到一个问题好牛逼的问题，cSS的！

Question

<div></div>请问怎么让<div>元素垂直居中！div的高度为0，并且不能少于三种方法！请大神解答！div里面是没有任何内容来撑开div的高！

Answer 1

关于垂直、水平居中等布局，你可以参见此片文章
【整理】CSS布局方案

方法一：table-cell + vertial-align

.parent{    
    display: table-cell;    
    vertical-align: middle;
}

方法二： absolute + transform

.parent{    
    position: relative;
}
.child{    
    position: absolute;    
    top: 50%;
}

方法三：flex + align-items

.parent{    
    display: flex;    
    align-items: center;
}