CSS怎樣設置div布局居中,但是裏麵的內容不居中

新建一個html文件,定名為test.html,用於講解CSS如何設置div結構居中,可是裏麵的內容不居中。

  • 2

    在test.html內,建立一個div,並設置其class屬性為con,便利下麵利用類名進行樣式界說。

  • 3

    在test.html內,利用<style type="text/css"></style>標簽標識表記標幟css樣式,用於編寫css代碼。

  • 4

    利用css對div進行樣式界說,經由過程margin:0 auto實現div居中顯示,同時設置div的寬度為400px,高度為200px,布景顏色為灰色。

  • 5

    在div內,利用h2建立一個題目文字,寫上測試的內容,代碼如下:

  • 6

    在css內,對h2標簽進行樣式界說,利用text-align設置h2文字左對齊,上內邊距為20px。

  • 7

    在瀏覽器打開test.html頁麵,可見,div居中,可是裏麵的內容不居中。

    • 發表於 2019-09-17 23:12
    • 閱讀 ( 802 )
    • 分類:其他類型

    你可能感興趣的文章

    相關問題

    0 條評論

    請先 登錄 後評論
    聯係我們:uytrv@hotmail.com 最新版app下载 工具