给父元素设置float，然后将父元素整体向右移动50%，再将子元素整体向左移动50%，来实现水平居中。

记得将父元素清除浮动。

<div class="parent-frame">
 
 <div style="float: left; position: relative; left: 50%; clear: both;" >
 
 <div style="position: relative; left: -50%">虽然宽度不同weiqinl</div>
 
 </div>
 
 <div style="float: left; position: relative; left: 50%; clear: both;">
 
 <div style="position: relative; left: -50%">但一样</div>
 
 </div>
 
 <div style="float: left; position: relative; left: 50%; clear: both;">
 
 <div style="position: relative; left: -50%">水平居中了</div>
 
 </div>
 
 <div style="float: left; position: relative; left: 50%; clear: both;">
 
 <div style="position: relative; left: -50%">使用float属性，记得清楚浮动</div>
 
 </div>
 
</div>

虽然宽度不同weiqinl 但一样 水平居中了 使用float属性，记得清楚浮动

如需转载，请注明文章出处和来源网址：http://www.divcss5.com/template/m58781.shtml