css样式 给div水平垂直居中

DIV水平垂直居中
div {
　　 100px;
　　height: 100px;
　　position: absolute;
　　top: 0;
　　right: 0;
　　bottom: 0;
　　left: 0;
　　margin: auto;
}

不设置宽高的情况下，如果水平垂直居中
.warp{
　　left:50%;
　　top:50%;
　　transform:translate(-50%,-50%)
}

父级控制子集居中（弹性布局）
.parent {
　　display: flex;
　　justify-content: center;
　　align-items: center;
}