div水平垂直居中

使用flex

<div style="
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: green;
    height: 500px;
">
		
		<div>
			hello
		<div>
		
	</div>

</div></div>

主要就三行：

display: flex;

align-items: center; // 水平居中

justify-content: center; // 垂直居中