45fan.com - 路饭网

搜索: 您的位置主页 > 电脑频道 > 电脑教程 > 阅读资讯:使用CSS绝对定位,让元素left为50%水平居中的方法

使用CSS绝对定位,让元素left为50%水平居中的方法

2015-02-08 14:15:14 来源:www.45fan.com 【

使用CSS绝对定位,让元素left为50%水平居中的方法:

 
 

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

复制代码 代码如下:

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

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


本文地址:http://www.45fan.com/dnjc/9545.html
Tags: CSS定位
编辑:路饭网
相关文章列表
关于我们 | 联系我们 | 友情链接 | 网站地图 | Sitemap | App | 返回顶部