绝对定位的父盒子，怎么让里面两个子盒子水平居中
发布网友
发布时间：2022-04-22 16:18
共1个回答
热心网友
时间：2023-09-21 04:12
盒子居中是相对于父元素来说的，因此我们让盒子居中时，往往采用嵌套的方式，让父盒子套着子盒子 。
在父子盒子嵌套下，让子盒子居中的方式：
第一种方法：position， 使用定位，子绝父相，再left:50%，margin-left:负的盒子宽度的一半，这是最常用的方法;
第二种方法：flex，弹性布局，让子盒子居中，但是样式要写在父盒子中，display:flex,just-content:center;
第三种方法：在position基础上，把margin-left换成CSS3中的transform：translate(-50px);
第四种方法：在position的基础上，只保留子绝父相，然后在子盒子中加上margin:auto、left:0、right:0；
