html怎麼才可以讓圖片居中

在使用HTML繪製頁面的時候，適當的圖文編排可以使內容更具有吸引力，下面就介紹下使HTML中圖片居中的簡單辦法

操作方法

開啟記事本或者其他的程式碼編輯器，新建一個HTML檔案，如下圖

使用瀏覽器開啟這個HTML檔案，可以看到如下圖所示的效果，圖片在整個頁面的左方

使圖片居中，可以通過HTML中的align屬性來控制，在圖片的div中加入align=“center”

再次在瀏覽器中開啟這個頁面檔案，效果如下，圖片已經居中顯示

我們還可以通過樣式檔案來實現圖片的居中顯示，這裡我們以class選擇器為例，為圖片層加入class="img_center"，然後在style標籤中定義樣式，如下圖

在瀏覽器中開啟這個檔案，效果如下，發現圖片也可以居中顯示