Flexbox中实现水平垂直居中

<!-- HTML -->
<div class="flex__container">
    <div class="flex__item" >aa</div>
</div>

<style>
	.flex__container {
		height: 500px;
	    display: flex;
	    justify-content: center;
	    align-items: center;
		background-color: #138496;
	}
	
	.flex__item{
		background-color: #003EFF;
	}
</style>