图片在div盒子中垂直水平居中显示-flex

使用弹性盒布局-flex，巧妙的实现图片垂直水平居中

效果图

 

示例代码 

<div class="cp bgcolor">
	<img class="img01" src="../assets/images/coop/yl.png" alt="图" />
</div>
.cp {
	width: 269px;
	height: 182px;
	//   给父标签设置
	display: flex;
	justify-content: center;
	align-items: center;
	
	.img01 {
	width: 175px;
	}
}