怎樣讓DIV中的內容居中
來源:酷知科普網 2.1W
HTML中可以設定文字或內容居中對齊。下面,我們來看看怎樣讓DIV中的內容居中吧。
操作方法
隨便寫上文字
先開啟visual studio軟體,然後在div中隨意寫上文字,如下圖所示:
水平居中程式碼
然後在style中寫上水平居中程式碼body{text-align: center;},如下圖所示:
div內容居中對齊的程式碼,text-align:center;如下圖所示:
預覽效果
然後在瀏覽器中預覽效果,如下圖所示:
HTML中可以設定文字或內容居中對齊。下面,我們來看看怎樣讓DIV中的內容居中吧。
操作方法
隨便寫上文字
先開啟visual studio軟體,然後在div中隨意寫上文字,如下圖所示:
水平居中程式碼
然後在style中寫上水平居中程式碼body{text-align: center;},如下圖所示:
div內容居中對齊的程式碼,text-align:center;如下圖所示:
預覽效果
然後在瀏覽器中預覽效果,如下圖所示: