html居中圖片的方法：先新建網頁，在body部分新建一個img標籤，並指定一張圖片；然後將圖片套在一個p或span標籤中，為標籤新增一個值為【text -align:center】的style屬性即可。
本教學操作環境：windows7系統、html5版，DELL G3電腦。
html居中圖片的方法：
首先我們需要新建一個html頁面。
然後在body部分新建一個img標籤，並指定一張圖片。
在瀏覽器中查看效果，可以發現圖片是預設左對齊的，並沒有在正中央顯示。
將圖片套在一個p或span標籤中，為標籤加上一個值為text-align:center的style屬性即可。
程式碼如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<p style="text-align: center;">
<img src="a.png" alt="">
</p>
</body>
</html>相關學習推薦：html影片教學
以上是html的圖片怎麼居中的詳細內容。更多資訊請關注PHP中文網其他相關文章！
