父元素没有设置高度的情况下

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

父元素设置高度的情况下

1. table自带功能
2. 使用绝对定位和伪元素：
   将容器设置为position: relative，然后将内容元素设置为position: absolute，通过设置top: 50%和transform: translateY(-50%)将其垂直居中。
3. 100% 高度的 afrer before 加上 inline block
4. margin-top -50%
5. translate -50%
6. absolute margin auto
7. flex