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

    css中設置div居中顯示的方法

    我們進行頁面開發的時候,最經常用的就是div標簽了,那么div中的內容如何居中顯示呢,下面小編給大家分享一下。

    東西/材料

    Sublime Text

    操作方式

    • 01

      起首我們用sublime先建立一個html,而且在html里面插手div,如下圖所示

    • 02

      然后我們在div中插手一些文字,如下圖所示,文字用span包裹起來

    • 03

      運行頁面法式今后我們會看到文字在div的左上角,并沒有居中的結果,如下圖所示

    • 04

      接下來我們就需要用CSS給div中的內容設置居中了,如下圖所示,經由過程text-align和line-height實現

    • 05

      最后運行界面法式,我們看到div中的內容此次程度和垂直都居中了,如下圖所示

    • End
    • 發表于 2018-07-28 00:00
    • 閱讀 ( 669 )
    • 分類:電腦網絡

    0 條評論

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