html怎麼纔可以讓圖片居中
- IT技術
- 關注:1.95W次
在使用HTML繪製頁面的時候,適當的圖文編排可以使內容更具有吸引力,下面就介紹下使HTML中圖片居中的簡單辦法
操作方法
開啟記事本或者其他的代碼編輯器,新建一個HTML檔案,如下圖
使用瀏覽器開啟這個HTML檔案,可以看到如下圖所示的效果,圖片在整個頁面的左方
使圖片居中,可以透過HTML中的align屬性來控制,在圖片的div中加入align=“center”
再次在瀏覽器中開啟這個頁面檔案,效果如下,圖片已經居中顯示
我們還可以透過樣式檔案來實現圖片的居中顯示,這裏我們以class選擇器爲例,爲圖片層加入class="img_center",然後在style標籤中定義樣式,如下圖
在瀏覽器中開啟這個檔案,效果如下,發現圖片也可以居中顯示
- 文章版權屬於文章作者所有,轉載請註明 https://miaozhigu.com/zh-hant/sm/itjishu/gy79e.html