居中布局

.container{
width: 100%;
height: 100%;
display: flex;
align-items: center;        /* 垂直居中 */
justify-content: center;    /* 水平居中 */
}

.container div{
width: 100px;
height: 100px;
background-color: blue
}