當(dāng)前位置：首頁(yè) - 手機(jī) - 正文

div怎樣居中?HTML中div怎樣居中呢

來(lái)源：懂視網(wǎng) 責(zé)編：小OO 時(shí)間：2020-03-18 23:52:59

導(dǎo)讀div怎樣居中?HTML中div怎樣居中呢？下面我來(lái)教大家吧！方法如圖,舉個(gè)例子,在HTML中的body標(biāo)簽里面寫(xiě)上div標(biāo)簽對(duì)<div></div>。然后我們給div設(shè)置寬高，需要注意，如果不設(shè)置寬度默認(rèn)是100%的哦，這樣就會(huì)占滿(mǎn)整個(gè)頁(yè)面。然后，我們給div加上深粉色的背景顏色，這樣是方便我們可以直觀的看到div的布局。然后預(yù)覽div布局的預(yù)覽效果，看得出來(lái)，div默認(rèn)是靠近瀏覽器左邊的，距離右邊很遠(yuǎn)，這樣就不是居中對(duì)齊。接著我們給div設(shè)置margin，第一個(gè)參數(shù)表...

div怎樣居中?HTML中div怎樣居中呢？下面我來(lái)教大家吧！

方法

如圖,舉個(gè)例子,在HTML中的body標(biāo)簽里面寫(xiě)上div標(biāo)簽對(duì)<div></div>。

然后我們給div設(shè)置寬高，需要注意，如果不設(shè)置寬度默認(rèn)是100%的哦，這樣就會(huì)占滿(mǎn)整個(gè)頁(yè)面。

然后，我們給div加上深粉色的背景顏色，這樣是方便我們可以直觀的看到div的布局。

然后預(yù)覽div布局的預(yù)覽效果，看得出來(lái)，div默認(rèn)是靠近瀏覽器左邊的，距離右邊很遠(yuǎn)，這樣就不是居中對(duì)齊。

接著我們給div設(shè)置margin，第一個(gè)參數(shù)表示頂部的距離為0，而第二個(gè)auto表示的是自動(dòng)。也就是說(shuō)，設(shè)置這個(gè)之后，div會(huì)自動(dòng)根據(jù)網(wǎng)頁(yè)來(lái)居中。

之后，再來(lái)瀏覽效果，可以看到此時(shí)的div塊已經(jīng)自動(dòng)居中了，它距離瀏覽器左右兩邊的距離是一樣的。

聲明：本網(wǎng)頁(yè)內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問(wèn)題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

標(biāo)簽：襲擊優(yōu)先擇校