笔者是Flex大法好，没有什么是display: flex;解决不了的 (*￣︶￣)

下面开始：

1.table自带的：代码

2.100% 高度的 afrer before 加上 inline-block: 代码

3.div 装成 table。代码

4.margin-top -50%:代码

5.translate -50%:代码

6.absolute margin auto:代码

7.Flex大法flex大法好

笔者的几个小忠告

如果 .parent 的 height 不写，你只需要 padding: 10px 0; 就能将 .child 垂直居中；

如果 .parent 的 height 写死了，就很难把 .child 居中，

能不写 height 就千万别写 height。