當前位置:妙知谷 >

遊戲數碼 >IT技術 >

在編寫HTML時,怎樣讓DIV文字居中?

在編寫HTML時,怎樣讓DIV文字居中?

我們在HTML頁面中編寫DIV的時候,文字一般都默認對齊在DIV的左上角,那麼怎麼讓DIV中的文字居中呢?下面小編給大家分享一下。

工具/材料

Sublime Text

操作方法

首先打開Sublime Text軟件,新建一個HTML頁面,如下圖所示

在編寫HTML時,怎樣讓DIV文字居中?

然後我們在html頁面中加入div標籤,並且在div標籤中加入一些文字,如下圖所示

在編寫HTML時,怎樣讓DIV文字居中? 第2張

接下來我們給div標籤編寫CSS樣式,如下圖所示,這裏主要是text-align和line-height兩個屬性,如下圖所示

在編寫HTML時,怎樣讓DIV文字居中? 第3張

最後我們運行頁面程序,你就會在頁面中看到div中的文字水平垂直都居中了,如下圖所示

在編寫HTML時,怎樣讓DIV文字居中? 第4張
標籤: DIV HTML 居中 編寫
  • 文章版權屬於文章作者所有,轉載請註明 https://miaozhigu.com/sm/itjishu/61zo.html