css3flex方式水平，垂直居中

垂直居中

align-items: center;

display: flex;

 position: relative;
 top: 50%;
 transform: translateY(-50%);

水平居中

justify-content: center;