首页 > Web开发 > 详细

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

时间:2016-01-16 10:56:06      阅读:158      评论:0      收藏:0      [点我收藏+]
技术分享 

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

复制代码
代码如下:

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

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

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

原文:http://www.jb51.net/css/213725.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!