不定宽居中方式:
<div class="parent"> <div class="children"></div> <div class="children"></div> <div class="children"></div> </div>
/*首先清浮动*/ .parent::after { content: " "; display: block; height: 0px; clear: both; } /*不定宽居中*/ .children { position: relative; display: table; margin: 0 auto; } .children { width: x; height: x; float:left; }