方法
如圖,舉個例子,在HTML中的body標簽里面寫上div標簽對<div></div>。
然后我們給div設置寬高,需要注意,如果不設置寬度默認是100%的哦,這樣就會占滿整個頁面。
然后,我們給div加上深粉色的背景顏色,這樣是方便我們可以直觀的看到div的布局。
然后預覽div布局的預覽效果,看得出來,div默認是靠近瀏覽器左邊的,距離右邊很遠,這樣就不是居中對齊。
接著我們給div設置margin,第一個參數表示頂部的距離為0,而第二個auto表示的是自動。也就是說,設置這個之后,div會自動根據網頁來居中。
之后,再來瀏覽效果,可以看到此時的div塊已經自動居中了,它距離瀏覽器左右兩邊的距離是一樣的。
聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。TEL:0731-84117792 E-MAIL:11247931@qq.com