CSS水平垂直居中

时间:2020-05-01

让box1在灰框内水平垂直居中

方式1

父元素设置

position: relative;

子元素设置

position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);

方式2

父元素设置

display: flex;
align-items: center;
justify-content: center;