如果 .parent 的 height 不写，你只需要 padding: 10px 0; 就能将 .child 垂直居中；
如果 .parent 的 height 写死了，就很难把 .child 居中，以下是垂直居中的方法。
忠告：能不写 height 就千万别写 height。
七种方法可实现垂直居中：
- table自带功能
- 100% 高度的 afrer before 加上 inline block
- div 装成 table
- margin-top -50%
- translate -50%
- absolute margin auto
- flex
