當前位置:妙知谷 >

遊戲數碼 >IT技術 >

html怎麼才可以讓圖片居中

html怎麼才可以讓圖片居中

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

操作方法

打開記事本或者其他的代碼編輯器,新建一個HTML文件,如下圖

html怎麼才可以讓圖片居中

使用瀏覽器打開這個HTML文件,可以看到如下圖所示的效果,圖片在整個頁面的左方

html怎麼才可以讓圖片居中 第2張

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

html怎麼才可以讓圖片居中 第3張

再次在瀏覽器中打開這個頁面文件,效果如下,圖片已經居中顯示

html怎麼才可以讓圖片居中 第4張

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

html怎麼才可以讓圖片居中 第5張

在瀏覽器中打開這個文件,效果如下,發現圖片也可以居中顯示

html怎麼才可以讓圖片居中 第6張
標籤: HTML 居中
  • 文章版權屬於文章作者所有,轉載請註明 https://miaozhigu.com/sm/itjishu/gy79e.html