HTML中div怎樣居中呢 div怎樣居中
- IT科技
- 關注:6.17K次
div怎樣居中?HTML中div怎樣居中呢?下面我來教大家吧!
方法
如圖,舉個例子,在HTML中的body標籤裏面寫上div標籤對<div></div>。
然後我們給div設置寬高,需要注意,如果不設置寬度默認是100%的哦,這樣就會佔滿整個頁面。
然後,我們給div加上深粉色的背景顏色,這樣是方便我們可以直觀的看到div的佈局。
然後預覽div佈局的預覽效果,看得出來,div默認是靠近瀏覽器左邊的,距離右邊很遠,這樣就不是居中對齊。
接着我們給div設置margin,第一個參數表示頂部的距離為0,而第二個auto表示的是自動。也就是説,設置這個之後,div會自動根據網頁來居中。
之後,再來瀏覽效果,可以看到此時的div塊已經自動居中了,它距離瀏覽器左右兩邊的距離是一樣的。
- 文章版權屬於文章作者所有,轉載請註明 https://shqsg.com/zh-mo/dianzi/p419k8.html