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

Aba ·
更新时间:2024-09-20
· 723 次阅读

 

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

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

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



LEFT 居中 定位 css绝对定位 CSS

需要 登录 后方可回复, 如果你还没有账号请 注册新账号