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

我們在HTML頁面中編寫DIV的時候 , 文字一般都默認對齊在DIV的左上角 , 那么怎么讓DIV中的文字居中呢?下面小編給大家分享一下 。 東西/材料 Sublime Text
操作方式 01 起首打開Sublime Text軟件 , 新建一個HTML頁面 , 如下圖所示

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



02 然后我們在html頁面中插手div標簽 , 而且在div標簽中插手一些文字 , 如下圖所示

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



03 接下來我們給div標簽編寫CSS樣式 , 如下圖所示 , 這里本家兒如果text-align和line-height兩個屬性 , 如下圖所示

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



04 【在編寫HTML時,怎樣讓DIV文字居中?】最后我們運行頁面法式 , 你就會在頁面中看到div中的文字程度垂直都居中了 , 如下圖所示

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





以上內容就是在編寫HTML時 , 怎樣讓DIV文字居中?的內容啦 , 希望對你有所幫助哦!

    猜你喜歡