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

2021-08-21 06:37:38 字數 919 閱讀 8471

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

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 ...