新建一個html文件,定名為test.html,用於講解CSS如何設置div結構居中,可是裏麵的內容不居中。
在test.html內,建立一個div,並設置其class屬性為con,便利下麵利用類名進行樣式界說。
在test.html內,利用<style type="text/css"></style>標簽標識表記標幟css樣式,用於編寫css代碼。
利用css對div進行樣式界說,經由過程margin:0 auto實現div居中顯示,同時設置div的寬度為400px,高度為200px,布景顏色為灰色。
在div內,利用h2建立一個題目文字,寫上測試的內容,代碼如下:
在css內,對h2標簽進行樣式界說,利用text-align設置h2文字左對齊,上內邊距為20px。
在瀏覽器打開test.html頁麵,可見,div居中,可是裏麵的內容不居中。
0 篇文章
如果覺得我的文章對您有用,請隨意打賞。你的支持將鼓勵我繼續創作!