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}

完美解決!