css垂直居中

布局解决方案

方法1

.parent{
	vertical-align: middle;
	dispaly: table-cell;
}

方法2

.parent{
	position: relative;
}
.child{
	position: absolute;
	top: 50%;
	transform: translateX(-50%);
}

方法3

.parent{
	display: flex;
	align-items: center;
}