CSS绝对定位元素left设为50%实现水平居中

建站知识 2021-07-03 08:15www.168986.cn长沙网站建设
 

绝对定位的元素left设为50%时,是已左上角为原点的,所以只要再使用margin属性添加负值补偿回来即可。示例
[css]

复制代码
代码如下:

#board{
width:60%;
padding:3%;
background:#09F;
position:absolute;
:0px;
left:50%;
margin-left:-30%;
}

这样就能使得一个蓝色区域水平居中

Copyright © 2016-2025 www.168986.cn 狼蚁网络 版权所有 Power by