实现文字图片垂直居中的总结性方法

<div class="box box1 box2 box3 box4 box5 box7 box8 box9">
	    <div>垂直居中</div>
</div>

.box{
		width: 200px;
		height: 200px;
		background: pink;
}

.box1{    
	    display: table-cell;    
	    vertical-align: middle;    
	    text-align: center;            
}

.box2{    
    display: flex;    
    justify-content:center;    
    align-items:Center;
}

.box3{    
	position:relative;
}
.box3 img{           
	 position: absolute;          
	 width:100px;          
	 height: 50px;           
	 top:50%;           
	 left:50%;            
	 margin-left:-50px;            
	 margin-top:-25px;           
	 text-align: center;       
}