• <noscript id="ecgc0"><kbd id="ecgc0"></kbd></noscript>
    <menu id="ecgc0"></menu>
  • <tt id="ecgc0"></tt>

    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
    • 閱讀 ( 1023 )
    • 分類:其他類型

    你可能感興趣的文章

    相關問題

    0 條評論

    請先 登錄 后評論
    聯系我們:uytrv@hotmail.com 問答工具
  • <noscript id="ecgc0"><kbd id="ecgc0"></kbd></noscript>
    <menu id="ecgc0"></menu>
  • <tt id="ecgc0"></tt>
    久久久久精品国产麻豆