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}

完美解决!