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; // 垂直居中