css中让盒子居中的两种常用的方法
- 使用外边距法,给子盒子加上
margin:0 auto
样式。注意,如果该元素不是块元素,需使用display:block
使其变为块元素 - 使用定位的方法。父盒子相对定位relative。子盒子绝对定位
子盒子样式
.box{
position: absolute;
left: 50%;
top:50%;
translate(-50%, -50%);
}
以上是我最常用的两种方法。希望对大家有帮助
css中让盒子居中的两种常用的方法
margin:0 auto
样式。注意,如果该元素不是块元素,需使用display:block
使其变为块元素.box{
position: absolute;
left: 50%;
top:50%;
translate(-50%, -50%);
}
以上是我最常用的两种方法。希望对大家有帮助