css中让盒子居中的两种常用的方法

css中让盒子居中的两种常用的方法

1. 使用外边距法，给子盒子加上margin:0 auto样式。注意，如果该元素不是块元素，需使用display:block使其变为块元素
2. 使用定位的方法。父盒子相对定位relative。子盒子绝对定位
   子盒子样式

.box{
    position: absolute;
    left: 50%;
    top:50%;
    translate(-50%, -50%);
}

以上是我最常用的两种方法。希望对大家有帮助