一般情況下，如果想對內(nèi)容子元素進(jìn)行水平居中的話，那只要將父級元素設(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%;浮動似乎可要可不要。

就行了。