子盒子相对于父盒子垂直居中详解

https://segmentfault.com/a/1190000016344599?utm_source=tag-newest
有什么作用？
严格实现垂直居中的几种方法
有哪几种方法？
1.position+margin
2.position+transform
3.flex
4.box-sizing+padding
这三种主要实现子盒子关于父盒子垂直居中的问题
头两种主要是 把儿子的左上角移动父亲高度的50% 然后在通过margin获取transform在移动儿子自己高度的50%
第三种就是直接居中了 采用的是弹性盒子模型的方式
不太严格的话 第三种也是比较方便的
white-space换行属性