手机
当前位置:查字典教程网 >网页设计 > 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%实现水平居中】相关文章:

div在firefox ie 水平居中对齐

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

CSS如何使DIV层居中

CSS基础教程:CSS的伪元素Pseudo Elements

CSS多列布局实现方法大全

CSS右对齐实现方法

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

用CSS实现表单form布局

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

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

精品推荐
分类导航