绝对定位居中

2016-01-04  本文已影响19人  连庄小公举

1.样式
.wrap{
float:left;
position:relative;
left:50%;

}

.wrap-center{
background:#ccc;
position:relative;
left:-50%;

}
2.html结构
<div class="wrap">
<div class="wrap-center">我们来学习一下这种方法。</div>
</div>

1).子元素、父元素均为绝对定位
2).父元素左浮动,left:50%;
3).子元素left:-50%.

上一篇 下一篇

猜你喜欢

热点阅读