一般情況下奈偏，如果想對內(nèi)容子元素進行水平居中的話，那只要將父級元素設(shè)置為：text-align:center;就可以了。如果子元素也是block可以display:inline-block;
但是如果在寬度不定的情況下如何水平居中卧惜？可以用wrapper加float辦法。
<style>
.wrapper{
width:200px;
border:1px solid blue;
float:left;
position:relative;
left:50%;
}
.child{
border:1px solid green;
position:relative;
left:-50%;
text-align:center;
}
效果如下：
不定寬的水平居中
注意觀察定位點的移動規(guī)律功氨，其中的百分比均是相對于父級元素序苏。父級div相對定位右移50%;子級div相對于父級再左移50%;浮動似乎可要可不要。
就行了捷凄。
