在使用HTML繪制頁(yè)面的時(shí)候，適當(dāng)?shù)膱D文編排可以使內(nèi)容更具有吸引力，下面就介紹下使HTML中圖片居中的簡(jiǎn)單辦法

操作方法

• 01

  打開(kāi)記事本或者其他的代碼編輯器，新建一個(gè)HTML文件，如下圖

  
• 02

  使用瀏覽器打開(kāi)這個(gè)HTML文件，可以看到如下圖所示的效果，圖片在整個(gè)頁(yè)面的左方

  
• 03

  使圖片居中，可以通過(guò)HTML中的align屬性來(lái)控制，在圖片的p中加入align=“center”

  
• 04

  再次在瀏覽器中打開(kāi)這個(gè)頁(yè)面文件，效果如下，圖片已經(jīng)居中顯示

  
• 05

  我們還可以通過(guò)樣式文件來(lái)實(shí)現(xiàn)圖片的居中顯示，這里我們以class選擇器為例，為圖片層加入class="img_center"，然后在style標(biāo)簽中定義樣式，如下圖

  
• 06

  在瀏覽器中打開(kāi)這個(gè)文件，效果如下，發(fā)現(xiàn)圖片也可以居中顯示