在編寫HTML時,怎樣讓DIV文字居中?
來源:酷知科普網 1.93W
我們在HTML頁面中編寫DIV的時候,文字一般都預設對齊在DIV的左上角,那麼怎麼讓DIV中的文字居中呢?下面小編給大家分享一下。
工具/材料
Sublime Text
操作方法
首先開啟Sublime Text軟體,新建一個HTML頁面,如下圖所示
然後我們在html頁面中加入div標籤,並且在div標籤中加入一些文字,如下圖所示
接下來我們給div標籤編寫CSS樣式,如下圖所示,這裡主要是text-align和line-height兩個屬性,如下圖所示
最後我們執行頁面程式,你就會在頁面中看到div中的文字水平垂直都居中了,如下圖所示