手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >CSS绝对定位元素left设为50%实现水平居中
CSS绝对定位元素left设为50%实现水平居中
摘要:绝对定位的元素left设为50%时,是已左上角为原点的,所以只要再使用margin属性添加负值补偿回来即可。示例:[css]#board{w...

1

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

[css]

#board{

width:60%;

padding:3%;

background:#09F;

position:absolute;

top:0px;

left:50%;

margin-left:-30%;

}

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

【CSS绝对定位元素left设为50%实现水平居中】相关文章:

CSS绿色导航菜单制作实例

CSS多列布局实现方法大全

CSS表单元素垂直居中完美解决方案

解决火狐浏览器按钮的水平居中

CSS右对齐实现方法

CSS垂直居中和水平居中方法总结

使用CSS布局定位属性轻松实现优美站点布局

CSS控制DIV绝对定位、相对定位的技巧

CSS制作水平垂直居中对齐 多种方式各有千秋

css实现body背景图片水平垂直居中方法

精品推荐
分类导航