網站首頁 健康小知識 母嬰教育 起名 運動知識 職場理財 情感生活 綠色生活 遊戲數碼 美容 特色美食 愛好

怎樣讓DIV中的內容居中

欄目: 學習交流 / 發佈於: / 人氣:2.06W

HTML中可以設置文字或內容居中對齊。下面,我們來看看怎樣讓DIV中的內容居中吧。

操作方法

隨便寫上文字
先打開visual studio軟件,然後在div中隨意寫上文字,如下圖所示:

怎樣讓DIV中的內容居中

水平居中代碼
然後在style中寫上水平居中代碼body{text-align: center;},如下圖所示:

怎樣讓DIV中的內容居中 第2張

div內容居中對齊的代碼,text-align:center;如下圖所示:

怎樣讓DIV中的內容居中 第3張

預覽效果
然後在瀏覽器中預覽效果,如下圖所示:

怎樣讓DIV中的內容居中 第4張
Tags:DIV 居中