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

网页制作 2024/11/13 佚名

3 2 1

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

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

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

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

绝对定位,水平居中

标签：

绝对定位,水平居中

免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com

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

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

暂无“CSS绝对定位元素left设为50%实现水平居中”评论...

更新动态

2024年11月13日

2024年11月13日