绝对布局的子标签在父容器中水平居中怎么写
时间: 2024-02-06 19:13:01 浏览: 21
使用绝对定位和margin属性实现子标签在父容器中水平居中。具体代码如下:
```
.parent {
position: relative;
}
.child {
position: absolute;
left: 50%;
transform: translateX(-50%);
}
```
其中,父容器设置为相对定位,子标签设置为绝对定位,left属性设置为50%,表示子标签的左边框距离父容器的左边框距离为父容器宽度的一半。接着使用transform属性,将子标签向左平移自身宽度的一半,即可实现水平居中。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![application/msword](https://img-home.csdnimg.cn/images/20210720083327.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![docx](https://img-home.csdnimg.cn/images/20210720083331.png)
![docx](https://img-home.csdnimg.cn/images/20210720083331.png)
![mp4](https://img-home.csdnimg.cn/images/20210720083504.png)
![doc](https://img-home.csdnimg.cn/images/20210720083327.png)