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

div怎樣居中?HTML中div怎樣居中呢？下面我來教大家吧！

方法

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

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

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

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

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

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