使父子嵌套关系的div垂直居中方法

误区：首先不能当做传统的设置lineheight与height一直来实现
lineheight==height:适用于标签里只有文字来设置垂直居中
方法一:
父元素:position:relative
子元素:position:absolute:
top:50%
left:50%
margin-lelf:-(自身宽度/2)
margin-top:-(自身高度/2)
方法二: 父元素
display: flex;
align-items: center;