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

Question

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

Answer 1

关于垂直、水平居中等布局，你可以参见此片文章【整理】CSS布局方案方法一：table-cell + vertial-align.parent{&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;display:&nbsp;table-cell;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;vertical-align:&nbsp;middle; }方法二： absolute + transform.parent{&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;position:&nbsp;relative; } .child{&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;position:&nbsp;absolute;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;top:&nbsp;50%; }方法三：flex + align-items.parent{&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;display:&nbsp;flex;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;align-items:&nbsp;center; }