網站首頁 健康小知識 母嬰教育 起名 運動知識 職場理財 情感生活 綠色生活 遊戲數碼 美容 特色美食 愛好

HTML中div怎樣居中?

欄目: 生活常識 / 發佈於: / 人氣:1.41W

生活中我們經常遇到很多問題,比如HTML中div怎樣居中?不會的話來學習吧。

操作方法

(01)首先在HTML中的body標籤裏面寫上div標籤對:

HTML中div怎樣居中?

(02)然後給div設置寬高,這裏寬高都設置成500px

HTML中div怎樣居中? 第2張

(03)接着輸入background:deep pink,給div加上深粉色的背景顏色,方便查看div的佈局

HTML中div怎樣居中? 第3張

(04)預覽div佈局的預覽效果,看得出來,div默認是靠近瀏覽器左邊

HTML中div怎樣居中? 第4張

(05)接着輸入margin,第一個參數設置為0:表示頂部的距離為0,第二個參數設置為auto:表示自動設置

HTML中div怎樣居中? 第5張

(06)設置完之後,div會自動根據網頁來居中

HTML中div怎樣居中? 第6張

(07)總結如下圖

HTML中div怎樣居中? 第7張
Tags:HTML DIV 居中