• <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模塊,在div內寫上一行文字 ,代碼如下:

  • 3

    在test.html頁面內,建立一個css標簽,在標簽內界說div的樣式,代碼如下:

  • 4

    在test.html頁面css標簽內,設置div的寬度為300px,高度為200px,并設置其布景顏色為紅色。

  • 5

    在test.html頁面css標簽內,設置div內文字的顏色為白色,同時設置文字的巨細為20px。

  • 6

    在test.html頁面css標簽內,利用text-align設置div內文字程度居中,因為上面設置了div的高度為200px,要使文字垂直居中,必需利用line-height設置行高也為200px,才能實現文字垂直居中。

  • 7

    在瀏覽器打開test.html文件,查看實現的居中結果,如下圖所示:

    • 發表于 2019-09-10 17:00
    • 閱讀 ( 848 )
    • 分類:其他類型

    你可能感興趣的文章

    相關問題

    0 條評論

    請先 登錄 后評論
    admin
    admin

    0 篇文章

    作家榜 ?

    1. xiaonan123 189 文章
    2. 湯依妹兒 97 文章
    3. luogf229 46 文章
    4. jy02406749 45 文章
    5. 小凡 34 文章
    6. Daisy萌 32 文章
    7. 我的QQ3117863681 24 文章
    8. 華志健 23 文章

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