CSS div居中实现

主要记住两种实现方法：

1 用绝对定位

    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate3d(-50%,-50%,0);
    transform: translate3d(-50%,-50%,0);
    width: 80%;

2 flex布局

在父元素指定

    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;