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}

完美解决!

巴特西

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

最新文章

热门文章