手机
当前位置:查字典教程网 >网页设计 > 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控制DIV绝对定位、相对定位的技巧

通过浮动+定位实现两个div在同一行

CSS样式优先级计算方法

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

CSS如何给一个绝对定位的元素设定自适应宽度

CSS多列布局实现方法大全

CSS代码当前页效果的实现

用CSS实现表单form布局

CSS右对齐实现方法

用CSS让DIV层水平居中

精品推荐
分类导航