div中巢狀的多個div使用了浮動後居中的辦法

今天做網頁的時候遇到了標題中的問題,網上查到了解決辦法,記錄一下一放以後忘記

1

<
div 
class
="wai"
>
2<
div 
style
="float:left"
>
div>
3<
div 
style
="float:left"
>
div>
4<
div 
style
="float:left"
>
div>
5div
>

上面的外邊的div使用text-align:center 不起作用了,這個時候裡面再巢狀乙個div,加如下樣式

1

<
div 
class
="wai"
>
2<
div 
class
="li"
>
3<
div 
style
="float:left"
>
div>
4<
div 
style
="float:left"
>
div>
5<
div 
style
="float:left"
>
div>
6div
>
7div
>

css樣式表如下

1

.li2
.wai

完美解決!

div中巢狀的多個div使用了浮動後居中的辦法

今天做網頁的時候遇到了標題中的問題,網上查到了解決辦法,記錄一下一放以後忘記 1 div class wai 2 div style float left div 3 div style float left div 4 div style float left div 5div 上面的外邊的div...

div中巢狀的多個div使用了浮動後居中的辦法

今天做網頁的時候遇到了標題中的問題,網上查到了解決辦法,記錄一下一放以後忘記 1 div class wai 2 div style float left div 3 div style float left div 4 div style float left div 5div 上面的外邊的div...

DIV布局之道二 DIV塊的巢狀，DIV盒子模型

本文講解div塊布局的第二種使用方式 巢狀。div巢狀 在有些文獻中也被稱為 盒子模型 說的通俗一點就是巢狀 乙個大的div塊內部又包含乙個或多個div塊 請看如下 css部分 css code 複製內容到剪貼簿 巢狀樣式 contain inner contain html部分 xml html ...