div中嵌套的多个div使用了浮动后居中的办法

今天做网页的时候遇到了标题中的问题,网上查到了解决办法,记录一下一放以后忘记

 <div class="wai">
         <div style="float:left"></div>
          <div style="float:left"></div>
          <div style="float:left"></div>
 </div>

上面的外边的div使用text-align:center 不起作用了,这个时候里面再嵌套一个div,加如下样式

 <div class="wai">
     <div class="li">
         <div style="float:left"></div>
         <div style="float:left"></div>
         <div style="float:left"></div>
      </div>
 </div>

css样式表如下

 .li{overflow:hidden; display:inline-block}
 .wai{text-align:center}

完美解决!