# css垂直居中

注转载： https://www.cnblogs.com/hutuzhu/p/4450850.html

1. table-cell

结果：

2. display:flex

3. translate

4. 绝对定位和0

这个方法使用了一个 position:absolute，有固定宽度和高度的 div。这个 div 被设置为 top:0; bottom:0;。但是因为它有固定高度，其实并不能和上下都间距为 0，因此 margin:auto; 会使它居中。使用 margin:auto;使块级元素垂直居中是很简单的。

6. display:flex和margin:auto

7. display:-webkit-box

8. display:flex

原转载有一个有点问题，还有一个没实现，又加了一个别人实现的。

关于display：flex的知识，看阮一峰的官网：
http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html