注转载： 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