div怎樣居中？HTML中div怎樣居中呢

HTML網頁定位用到最多的就是div了,讓div居中可以讓我們的網頁佈局很好看,那麼HTML中怎樣讓div居中呢?

操作方法

（01）如圖,舉個例子,在HTML中的body標籤裡面寫上div標籤對<div></div>。

（02）然後我們給div設定寬高，需要注意，如果不設定寬度預設是100%的哦，這樣就會佔滿整個頁面。

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

（04）然後預覽div佈局的預覽效果，看得出來，div預設是靠近瀏覽器左邊的，距離右邊很遠，這樣就不是居中對齊。

（05）接著我們給div設定margin，第一個引數表示頂部的距離為0，而第二個auto表示的是自動。也就是說，設定這個之後，div會自動根據網頁來居中。

（06）之後，再來瀏覽效果，可以看到此時的div塊已經自動居中了，它距離瀏覽器左右兩邊的距離是一樣的。