css如何优雅地将div水平/垂直居中。

话不多说，直接给出答案。

    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);

这是css3中transform的属性，通过自身的偏移来定位。有个极大的好处：不需要知道div的宽高度。就像js里的this self一样，可以将宽高度设为百分比。IE<9 不支持 在移动端使用较好。

这是目前我发现的最优雅的方式了。

最好将html,body设为{width : 100% ; height : 100%}

---

参考自：博客园