不定宽 div 实现水平居中
居中的方式我们平常用的方法:
1. margin: 0 auto ; 缺点在于需要为 div 设置宽度。
2. text-align: center ; 内容和行内元素居中。
**如果 div 宽度不定,可以用以下方法实现居中:**
<div class="wrap"> <div class="inner"> 自适应 DIV 居中 </div> </div>
.wrap{ float:left;//设置为浮动后,div 宽度为自适应 position:relative; left:50%;//移动到中线的右边 } .inner{ position:relative; left:-50%;//向左移动自身的一半距离,实现居中 }