css 子盒子在父盒子里竖直居中（不知道父子盒子高度）

<div class="father">
	<div class="son"></div>
</div>

弹性布局

display: flex;
align-items: center;
justify-content: center;

transform 很强大（矩阵、缩放、翻转、移动 都可以） ，下次整理一下
本次用到 translateY 上移自身 50% 的高度，然后 top到父盒子50%的高度，就正好在正中间了

.father{
	position: relative;
}
.son{
	position: absolute;
    top: 50%;
    transform: translateY(-50%);
}